@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);Canvas{height:100vh!important}body{background-color:#000;overflow-x:hidden;overflow-y:hidden}*{margin:0;padding:0}@media screen and (max-width:360px){Canvas{width:50%}body{overflow-x:hidden}}@media screen and (max-width:300px){Canvas{width:60%}body{overflow-x:hidden}}.slider{border-bottom:1px solid #ccc;cursor:grab;height:50px;margin:0 auto;overflow-x:scroll;-webkit-user-select:none;user-select:none;white-space:nowrap;width:80%}.slider::-webkit-scrollbar{display:none}.item{color:#ccc;cursor:pointer;display:inline-block;font-weight:700;height:25px;text-align:center;transform:translateY(55%);width:120px}.car-selection{align-items:center;display:flex;height:80px;left:50%;margin-bottom:20px;position:absolute;top:90%;transform:translate(-50%,-50%);z-index:1}.title{color:#fff;font-size:14px;margin-right:-240px;white-space:nowrap}a:hover{color:#ffa600;cursor:pointer;text-shadow:#ccc 10px 1px 10px}.grabico{animation:swingAnimation 2s infinite;height:20px;margin-left:-240px;width:20px}@keyframes swingAnimation{0%,to{transform:translateX(0)}50%{transform:translateX(-10px)}}@media screen and (max-width:850px){.car-selection{font-size:22px;width:80%}.grabico{right:10%}}@media screen and (max-width:500px){.car-selection{font-size:22px;width:75%}.grabico{right:10%}}@media screen and (max-width:400px){.car-selection{font-size:22px;width:70%}.grabico{right:5%}}.waviy{-webkit-box-reflect:below -20px linear-gradient(#0000,#0003);font-size:42px;left:25%;position:absolute;top:10%;transform:translate(-50%,-50%);z-index:10}.waviy span{animation:waviy 2.7s infinite;color:#fff;display:inline-block;font-family:Alfa Slab One,cursive;position:relative;text-transform:uppercase}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-17px)}}@media screen and (max-width:768px){.waviy{font-size:22px;left:50%;top:7%;white-space:nowrap}}@media screen and (max-width:576px){.waviy{font-size:22px;left:50%;top:7%;white-space:nowrap}}@media screen and (max-width:1410px){.waviy{font-size:22px;left:50%;top:7%;white-space:nowrap}}.container{display:grid;left:90%;position:absolute;top:25%;transform:translate(-50%,-50%)}.title{font-style:italic}.items,.title{margin-bottom:10px}.items{display:flex;gap:10px}.button{background-image:linear-gradient(to right,var(--color1) 0,var(--color2) 100%);border:none;border-radius:10rem;cursor:pointer;height:30px;transition:border-color .3s ease;width:30px}.red{--color1:red;--color2:#750202}.blue{--color1:blue;--color2:#1c0671}.green{--color1:#0f0;--color2:#3c6400}.white{--color1:#fff;--color2:hsla(0,0%,41%,.587)}.black,.white{border:2px solid #616161}.black{--color1:#000;--color2:#535353}.yellow{--color1:#e5ff00;--color2:#535353}.cyan{--color1:cyan;--color2:#535353}.orange{--color1:#ff7b00;--color2:#535353}.brown{--color1:#512700;--color2:#535353}.purple{--color1:purple;--color2:#535353}.button:hover{border:.5px solid #fff;transform:scale(1.1)}.active{border:2px solid #fff}@media screen and (max-width:768px){.container{top:50%}}@media screen and (max-width:440px){.container{left:50%;top:50%}}@media screen and (max-width:576px){.container{top:70%}.button{height:20px;width:20px}}.githubLogo{border-radius:50px;justify-self:end}.githubLogo:hover{cursor:pointer;transform:scale(1.15);transition:3px}.download{align-items:center;background-color:initial;border:none;color:#f0f8ff;cursor:pointer;display:flex;font-style:italic;justify-content:center;left:90%;position:absolute;top:60%;transform:translate(-50%,-50%);z-index:10}.download img:hover{transform:scale(1.15)}.download span:hover{border-bottom:1px solid #fff;transform:scale(1.05)}.download span{margin-right:5px}.download img{vertical-align:middle}@media screen and (max-width:480px){.download{left:50%;top:85%;transform:translateX(-50%)}}@media screen and (min-width:481px) and (max-width:768px){.download{left:90%;top:70%;transform:translate(-50%,-50%)}}@media screen and (min-width:769px) and (max-width:1024px){.download{left:80%;top:50%;transform:translate(-50%,-50%)}}@media screen and (min-width:1025px){.download{left:90%;top:60%;transform:translate(-50%,-50%)}}.loader{animation:rotation 1s linear infinite;border:3px solid #fff;display:inline-block;height:48px;width:48px;z-index:10}.loader,.loader:after{border-radius:50%;box-sizing:border-box;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader:after{border:3px solid;border-color:#0000 #0000 #ff3d00;content:"";height:56px;width:56px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9ab36933.css.map*/