body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#191919}.yamahaContainer{background-image:url(/static/media/blueBgYamahaUnsplash.9b20971da214c7d29466.jpg);background-size:cover}.ducatiContainer{background-image:url(/static/media/ducatiBgUnsplash.87bed75717cfc12ad8f4.jpg);background-size:cover}.hondaContainer{background-image:url(/static/media/hondaBgUnsplash.17655bf4472d8b18dd29.jpg);background-size:cover}.kawasakiContainer{background-image:url(/static/media/kawasakiBgUnsplash.0d4a9f2d1e310694012c.jpg);background-size:cover}.bikeContainer{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.bikeContainerBaby{align-items:center;flex-wrap:wrap;justify-content:space-around;max-width:1000px;position:relative}.bikeContainerBaby,.bikeFooter{display:flex;flex-direction:row}.bikeFooter{color:#000;justify-content:flex-end}.backButton{color:#000}@media (max-width:1200px){.bikeContainer{height:auto}.bikeContainerBaby{width:600px}}@media (max-width:760px){.hondaContainer{background-image:url(/static/media/hondaMobileBgUnsplash.30e787baa38459dd5fea.jpg);background-size:cover}.bikeContainerBaby{width:300px}}.bikeTroopContainer{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 5px 20px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:180px}.ducatiBikeTroopContainer{background-color:#000}.hondaBikeTroopContainer{background-color:rgba(237,175,68,.8)}.bikeTroopChild{align-items:center;border-radius:15px;box-shadow:inset 3px 0 10px -4px hsla(0,0%,100%,.7),inset -3px -3px 10px hsla(0,0%,100%,.7);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}a:active,a:hover,a:link,a:visited{text-decoration:none}.bikeTroopText{display:flex;flex-direction:column;font-size:14px;height:20%;justify-content:center;width:90%}.hondaBikeTroopText,.yamahaBikeTroopText{color:#000}.ducatiBikeTroopText{color:#fff}.bikeTroopImg{border-radius:5px;height:60%;margin-top:10px;width:90%}.viewDetailContainer{align-items:center;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#000;display:flex;flex-direction:row;font-weight:700;height:20%;justify-content:space-around;width:100%}.viewIcon{font-size:30px;font-weight:400}.bikeTroopAnimation{-webkit-animation:bikeTroop 1s 1;animation:bikeTroop 1s 1}@-webkit-keyframes bikeTroop{0%{height:100px;width:90px}to{height:210px;width:190px}}@keyframes bikeTroop{0%{height:100px;width:90px}to{height:210px;width:190px}}@media (max-width:760px){.bikeTroopContainer{height:150px;width:135px}.bikeTroopText{font-size:12px}.viewDetailContainer{font-size:13px;font-weight:700}.bikeTroopAnimation{-webkit-animation:none;animation:none}}@media (max-width:320px){.bikeTroopContainer{height:111px;width:100px}.bikeTroopText{font-size:10px}.viewIcon{font-size:17px}.viewDetailContainer{font-size:11px;font-weight:700}.bikeTroopAnimation{-webkit-animation:none;animation:none}}.bikeDetailContainer{background-color:#000;color:#fff;display:flex;flex-direction:row;height:100vh;width:100vw}.bikeDetailLeft{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.bikeName{background-color:#000;font-size:40px;font-weight:700;letter-spacing:6px;margin-bottom:20px;position:relative}.bikeNameAnimation{-webkit-animation:bnAnimation 3s 1;animation:bnAnimation 3s 1}.bikeNameUnderLine{background-color:red;border-radius:5px;height:5px;margin-bottom:50px;width:360px}.bikeImage{border-radius:10px;box-shadow:3px 3px 7px -4px hsla(0,0%,100%,.7),-3px -3px 7px -4px hsla(0,0%,100%,.7),10px 10px 15px -4px hsla(0,0%,100%,.1),-10px -10px 15px -4px hsla(0,0%,100%,.1);position:relative;width:70%}.bikeImageAnimation{-webkit-animation:biAnimation 1s 1;animation:biAnimation 1s 1}.bikeDetailRightContainer{width:50%}.bikeDetailRight{align-items:center;display:flex;flex-direction:column;position:relative}.bikeDetailRightAnimation{-webkit-animation:bdrAnimation 2s 1;animation:bdrAnimation 2s 1}.divContainer{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:60%}.mainName{font-size:20px;font-weight:600;margin-bottom:50px;margin-top:50px}.first{width:45%}.mid{width:10%}.end{width:45%}@-webkit-keyframes bnAnimation{0%{color:#000;margin-bottom:-30px}30%{letter-spacing:15px;margin-bottom:-30px}85%{letter-spacing:8px;margin-bottom:-30px}95%{text-shadow:#fff}}@keyframes bnAnimation{0%{color:#000;margin-bottom:-30px}30%{letter-spacing:15px;margin-bottom:-30px}85%{letter-spacing:8px;margin-bottom:-30px}95%{text-shadow:#fff}}@-webkit-keyframes biAnimation{0%{margin-left:-200px}to{margin-left:0}}@keyframes biAnimation{0%{margin-left:-200px}to{margin-left:0}}@-webkit-keyframes bdrAnimation{0%{margin-right:-200px}to{margin-right:0}}@keyframes bdrAnimation{0%{margin-right:-200px}to{margin-right:0}}.bikeDetailFooter{background-color:#000;display:flex;flex-direction:row;justify-content:flex-end}.backButton{background-color:transparent;border-radius:5px;box-shadow:inset 3px 3px 10px -4px hsla(0,0%,100%,.7),inset -3px -3px 10px -4px hsla(0,0%,100%,.7);color:#fff;margin-bottom:20px;margin-right:50px;padding:10px}@media (max-width:900px){.bikeDetailContainer{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100vw}.bikeName{font-size:30px;letter-spacing:3px}.bikeDetailLeft{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:80%}.bikeDetailRightContainer{width:80%}.bikeNameUnderLine{background-color:red;height:5px;width:300px}.divContainer{width:75%}@-webkit-keyframes bnAnimation{0%{color:#000;margin-bottom:-20px}30%{letter-spacing:8px;margin-bottom:-20px}85%{letter-spacing:5px;margin-bottom:-20px}95%{text-shadow:#fff}}@keyframes bnAnimation{0%{color:#000;margin-bottom:-20px}30%{letter-spacing:8px;margin-bottom:-20px}85%{letter-spacing:5px;margin-bottom:-20px}95%{text-shadow:#fff}}}@media (max-width:520px){.bikeDetailLeft{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:100%}.bikeDetailRightContainer{font-size:14px;width:90%}.bikeDetailRight{width:100%}.divContainer{width:75%}.bikeName{background-color:#000;font-size:24px;letter-spacing:3px}.bikeNameUnderLine{background-color:red;height:5px;width:200px}}*{font-family:sans-serif}.homeMainContainer{background-image:url(/static/media/homeBgDesktopView.e9dec54e5e825bceaace.jpg);background-size:cover;height:100vh}.homeContainer{color:#fff;display:flex;flex-direction:row;height:90%;justify-content:space-between;position:relative;text-align:center}.homeChildLeft{align-items:center;width:50%}.homeChildLeft,.homeChildLeftBaby{display:flex;flex-direction:column;justify-content:center}.homeChildLeftBaby{align-items:flex-start;margin-left:100px;width:70%}.homeTextNode{align-items:flex-start;display:flex;flex-direction:column;position:relative}.homeTextNodeMobile{display:none}.homeTextNodeChild{margin-bottom:10px}.homeTextNodeAnimation{-webkit-animation:textNode 1s 1;animation:textNode 1s 1}.logoContainer{align-items:baseline;display:flex;flex-direction:row;justify-content:center;margin-bottom:50px;position:relative}.yamahaText{font-size:45px;font-weight:700;letter-spacing:3px;margin-left:10px;position:relative}.yamahaTextAnimation{-webkit-animation:logo 3s 1;animation:logo 3s 1}.imgLogo{border-radius:30px;color:#fff;height:50px;width:50px}.imgLogoAnimation{-webkit-animation:ilAnimation 3s 1;animation:ilAnimation 3s 1}.motoTextContainer{font-size:20px;font-weight:400;height:100%}@-webkit-keyframes ilAnimation{0%{opacity:0}30%{opacity:0}85%{opacity:0}95%{opacity:.5}}@keyframes ilAnimation{0%{opacity:0}30%{opacity:0}85%{opacity:0}95%{opacity:.5}}@-webkit-keyframes logo{0%{color:#000;margin-left:-60px;margin-right:-60px}30%{letter-spacing:15px;margin-left:-60px;margin-right:-60px}85%{letter-spacing:6px;margin-left:-60px;margin-right:-60px}95%{text-shadow:#fff}}@keyframes logo{0%{color:#000;margin-left:-60px;margin-right:-60px}30%{letter-spacing:15px;margin-left:-60px;margin-right:-60px}85%{letter-spacing:6px;margin-left:-60px;margin-right:-60px}95%{text-shadow:#fff}}@-webkit-keyframes textNode{0%{left:-200px}to{left:20px}}@keyframes textNode{0%{left:-200px}to{left:20px}}.homeChildRight{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.homeImageCard{border-radius:20px;box-shadow:3px 3px 5px hsla(0,0%,100%,.7),-3px -3px 5px hsla(0,0%,100%,.7);overflow:hidden;position:relative}.homeImage{height:320px;width:500px}.homgImageCardAnimation{-webkit-animation:homeImage 1s 1;animation:homeImage 1s 1}@-webkit-keyframes homeImage{0%{left:100px}to{left:-10px}}@keyframes homeImage{0%{left:100px}to{left:-10px}}.homeBottomContainer{color:#fff;height:10%;width:100%}.homeBottomText{margin-left:50px;position:relative}.homeBottomAnimation{-webkit-animation:hbAnimation .5s 1;animation:hbAnimation .5s 1}@-webkit-keyframes hbAnimation{0%{left:-100px}to{left:0}}@keyframes hbAnimation{0%{left:-100px}to{left:0}}@media (max-width:1200px){.homeMainContainer{height:auto}.homeChildLeft,.homeContainer{align-items:center;flex-direction:column;justify-content:center}.homeChildLeft{display:flex;margin-bottom:70px;margin-top:100px;width:100%}.homeChildLeftBaby{margin-left:0;width:auto}.yamahaText{font-size:60px;letter-spacing:6px}.imgLogo{height:50px;width:50px}.logoContainer{margin-bottom:100px}.homeTextNode{display:none}.homeTextNodeMobile{align-items:flex-start;display:flex;flex-direction:column;position:relative;width:80%}.homeChildRight{width:100%}.homeImage{height:420px;width:700px}.homeBottomContainer{color:#fff;display:flex;flex-direction:column;height:100px;justify-content:center;width:100%}.homeBottomText{margin-left:50px;position:relative}}@media (max-width:760px){.homeMainContainer{background-image:url(/static/media/homeBgMobileVIew.e489bd06507c3d44f196.jpg);background-size:cover}.yamahaText{font-size:40px;letter-spacing:6px}.imgLogo{height:35px;width:35px}.homeImage{height:270px;width:450px}}@media (max-width:520px){.yamahaText{font-size:30px;letter-spacing:6px}.imgLogo{height:25px;width:25px}.homeImage{height:200px;width:300px}.homeBottomText,.homeTextNodeMobile{font-size:12px;font-weight:300}}@media (max-width:320px){.yamahaText{font-size:30px;letter-spacing:4px}.imgLogo{height:25px;width:25px}.homeImage{height:150px;width:250px}}.bikeAboutContainer{align-items:center;color:#fff;display:flex;flex-direction:column}.aboutYamaha{font-size:40px;font-weight:700;height:10%;margin-bottom:50px}.aboutMainContainer{align-items:center;display:flex;flex-direction:column;width:40%}.aboutContainer{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%}.firstAbout{width:45%}.secondAbout{width:10%}.thirdAbout{width:45%}.aboutYamahaAnimation{-webkit-animation:abyAnimation 2s 1;animation:abyAnimation 2s 1}@-webkit-keyframes abyAnimation{0%{color:#000}30%{letter-spacing:25px}85%{letter-spacing:8px}95%{text-shadow:#fff}}@keyframes abyAnimation{0%{color:#000}30%{letter-spacing:25px}85%{letter-spacing:8px}95%{text-shadow:#fff}}@media (max-width:760px){.bikeAboutContainer{margin-top:70px}.aboutYamaha{font-size:30px}.aboutMainContainer{font-size:14px;width:60%}}@media (max-width:520px){.bikeAboutContainer{margin-top:70px}.aboutYamaha{font-size:30px}.aboutMainContainer{font-size:13px;width:75%}@-webkit-keyframes abyAnimation{0%{color:#000}30%{letter-spacing:6px}85%{letter-spacing:2px}95%{text-shadow:#fff}}@keyframes abyAnimation{0%{color:#000}30%{letter-spacing:6px}85%{letter-spacing:2px}95%{text-shadow:#fff}}}@media (max-width:320px){.aboutYamaha{font-size:25px}.aboutMainContainer{font-size:12px;width:85%}@-webkit-keyframes abyAnimation{0%{color:#000}30%{letter-spacing:6px}85%{letter-spacing:2px}95%{text-shadow:#fff}}@keyframes abyAnimation{0%{color:#000}30%{letter-spacing:6px}85%{letter-spacing:2px}95%{text-shadow:#fff}}}.contactMainContainer{border-top:1px solid red}.contactContainer{height:100vh}.contactContainer,.contactHeader{align-items:center;display:flex;flex-direction:row;justify-content:center}.contactHeader{font-size:40px;font-weight:700;height:100px;margin-top:50px;width:100%}.contact{background-color:#191919;color:#fff;letter-spacing:4px;margin-right:10px;padding:20px;position:relative}.contactAnimation{-webkit-animation:cAnimation 3s 1;animation:cAnimation 3s 1}@-webkit-keyframes cAnimation{0%{color:#000;margin-right:-80px}30%{letter-spacing:25px;margin-right:-80px}85%{letter-spacing:8px;margin-right:-80px}95%{text-shadow:#fff}}@keyframes cAnimation{0%{color:#000;margin-right:-80px}30%{letter-spacing:25px;margin-right:-80px}85%{letter-spacing:8px;margin-right:-80px}95%{text-shadow:#fff}}.me{align-items:center;background-color:blue;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:60px;justify-content:center;width:80px}.contactLeft{height:100%}.contactCard,.contactLeft{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%}.contactCard{border-radius:15px;box-shadow:3px 3px 5px hsla(0,0%,100%,.4),-3px -3px 5px hsla(0,0%,100%,.4),10px 10px 20px hsla(0,0%,100%,.1),-10px -10px 20px hsla(0,0%,100%,.2);height:50%;position:relative}.contactCardAnimation{-webkit-animation:cmAnimation 1.5s 1;animation:cmAnimation 1.5s 1}@-webkit-keyframes cmAnimation{0%{left:-100px}to{left:0}}@keyframes cmAnimation{0%{left:-100px}to{left:0}}.addressContainer{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:flex-start;margin-bottom:10px;width:70%}.addressIcon{color:blue;font-size:24px;margin-right:10px}.addressNote{color:#fff}.addressLink:hover{color:blue}.contactRight{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.skillHeader{color:#fff;font-size:25px;font-weight:600;letter-spacing:2px;margin-bottom:40px}.skillCard{align-items:center;border-radius:15px;box-shadow:3px 3px 5px hsla(0,0%,100%,.4),-3px -3px 5px hsla(0,0%,100%,.4),10px 10px 20px hsla(0,0%,100%,.1),-10px -10px 20px hsla(0,0%,100%,.2);display:flex;flex-direction:column;justify-content:center;padding-bottom:20px;padding-top:20px;position:relative;width:50%}.skillCardAnimation{-webkit-animation:skAnimation 1.5s 1;animation:skAnimation 1.5s 1}@-webkit-keyframes skAnimation{0%{right:-100px}to{right:0}}@keyframes skAnimation{0%{right:-100px}to{right:0}}.skillProgressContainer{margin-bottom:15px;width:80%}.skillContainer{color:#fff;display:flex;flex-direction:column;width:100%}.skillText{display:flex;flex-direction:row;font-weight:700;justify-content:space-between;margin-bottom:5px}.progressBar{background-color:gray;border-radius:5px;height:10px;width:100%}.childProgressBar{border-radius:5px;height:100%}.html{background-color:purple;width:90%}.htmlAnimation{-webkit-animation:progressAnimation 5s 1;animation:progressAnimation 5s 1}.css{background-color:green;width:75%}.bootstrap{background-color:blue;width:80%}.javascript{background-color:#ff0;width:80%}.react{background-color:red;width:70%}@-webkit-keyframes progressAnimation{0%{width:0}}@keyframes progressAnimation{0%{width:0}}@media (max-width:1200px){.contactContainer{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between}.contactLeft,.contactRight{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-bottom:50px;width:80%}.addressContainer{width:90%}.addressIcon{color:blue;font-size:24px;margin-left:20px}}@media (max-width:760px){.contactCard,.contactContainer,.contactMainContainer,.skillCard{width:100%}.contactLeft,.contactRight{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-bottom:50px;width:70%}.contactHeader{margin-bottom:50px}.contactCard{padding-top:20px}}@media (max-width:520px){.contact{margin-right:0;padding:20px 10px}.me{height:37px;width:50px}.contactHeader{font-size:20px;margin-bottom:50px}.addressNote{font-size:14px}.contactCard{padding-top:20px}@-webkit-keyframes cAnimation{0%{color:#000;margin-right:-80px}30%{letter-spacing:15px;margin-right:-80px}85%{letter-spacing:4px;margin-right:-80px}95%{text-shadow:#fff}}@keyframes cAnimation{0%{color:#000;margin-right:-80px}30%{letter-spacing:15px;margin-right:-80px}85%{letter-spacing:4px;margin-right:-80px}95%{text-shadow:#fff}}}@media (max-width:320px){.addressNote{font-size:14px}.contactHeader{font-size:30px}}.choiseContainer{background-image:url(/static/media/brandBgUnsplash.fdde389cf643b8b1681d.jpg);background-size:cover;height:100%}.choiseBrand{align-items:center;color:#fff;display:flex;flex-direction:row;justify-content:center}.choiseText{margin-bottom:50px;margin-right:20px;margin-top:50px}.choiseArrow,.choiseText{font-size:40px;font-weight:700}.choiseArrow{margin-top:40px}.brandContainer{justify-content:space-between;position:relative;width:100%}.brandContainer,.brandName{align-items:center;display:flex;flex-direction:column}.brandName{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;height:60px;justify-content:center;margin-bottom:20px;width:400px}.brandNameYamaha{border:1px solid blue;box-shadow:inset 5px 5px 10px -4px rgba(0,0,255,.7),inset -5px -5px 10px -4px rgba(0,0,255,.7)}.brandNameDucati{border:1px solid red;box-shadow:inset 3px 3px 10px -4px rgba(255,0,0,.7),inset -3px -3px 10px -4px rgba(255,0,0,.7)}.brandNameHonda{border:1px solid #ff0;box-shadow:inset 3px 3px 10px -4px rgba(236,255,0,.7),inset -3px -3px 10px -4px rgba(236,255,0,.7)}.brandNameKawasaki{border:1px solid green;box-shadow:inset 3px 3px 10px -4px rgba(0,255,0,.7),inset -3px -3px 10px -4px rgba(0,255,0,.7);margin-bottom:100px}@media(max-width:720px){.choiseContainer{background-image:url(/static/media/brandMobileBgUnsplash.8baab48d4abdfe545cf4.jpg);background-size:cover}}@media (max-width:520px){.choiseText{font-size:25px;font-weight:700}.choiseArrow{font-size:30px;margin-top:25px}.brandName{font-size:15px;width:50vw}}
/*# sourceMappingURL=main.548d162b.css.map*/