@import url(https://fonts.cdnfonts.com/css/sf-pro-display);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#f5f5f7;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar{background-color:#aaa;width:12px}body::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.App #content{transition-duration:.3s}#webgi-canvas{background:transparent;height:100%;width:100%}#webgi-canvas-container{align-items:center;background:transparent;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;min-height:831px;pointer-events:none;position:fixed;top:0;width:100vw}#webgi-canvas-container .button{background:#0071e3;border:none;border-radius:980px;color:#fff;cursor:pointer;font-size:17px;font-weight:400;min-width:28px;padding:8px 16px;position:absolute;text-align:center;top:30px;transition-duration:.3s;white-space:nowrap;z-index:1}.home-section.wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:auto;margin-right:auto;max-width:980px;min-height:831px;padding-top:60px;position:relative;width:100%;z-index:1}.home-section .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#ffb6ff,#b344ff);color:transparent;display:inline-block;font-size:48px;font-weight:600;margin-bottom:18px;margin-top:16px;padding-top:.5px}.home-section .description{font-size:21px;font-weight:400}.home-section .links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;justify-content:space-around;list-style:none;margin-left:0;margin-right:0;margin-top:24px;padding-left:0}.links .button{border-radius:980px;color:#fff;cursor:pointer;display:inline-block;font-size:17px;font-weight:400;height:50px;left:0;margin:0 30px;min-width:250px;padding:8px 16px;position:relative;text-align:center;top:0;white-space:nowrap;width:250px}.links .button a{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:30px;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 15px 15px rgba(0,0,0,.3);color:#fff;display:flex;font-weight:400px;height:68%;justify-content:center;left:0;letter-spacing:1px;overflow:hidden;padding:10px;position:absolute;text-decoration:none;top:0;transition:.5s;width:100%;z-index:1}.links .button:hover a{letter-spacing:3px}.links .button a:before{background:linear-gradient(270deg,hsla(0,0%,100%,.15),transparent);content:"";-webkit-filter:blur(0);filter:blur(0);height:100%;left:0;position:absolute;top:0;-webkit-transform:skewX(45deg) translate(0);transform:skewX(45deg) translate(0);transition:.5s;width:50%}.links .button:hover a:before{-webkit-transform:skewX(45deg) translate(200px);transform:skewX(45deg) translate(200px)}.links .button:before{background:red;border-radius:10px;bottom:-5px;content:"";height:10px;left:50%;position:absolute;-webkit-transform:translatex(-50%);transform:translatex(-50%);transition:.5s;transition-delay:.5;width:30px}.links .button:hover:before{border-radius:30px;bottom:0;height:50%;width:80%}.links .button:after{background:red;border-radius:10px;content:"";height:10px;left:50%;position:absolute;top:-5px;-webkit-transform:translatex(-50%);transform:translatex(-50%);transition:.5s;transition-delay:.5;width:30px}.links .button:hover:after{border-radius:30px;height:50%;top:0;width:80%}.links .button:first-child:after,.links .button:first-child:before{background:#ff1f71;box-shadow:0 0 5px #ff1f71,0 0 15px #ff1f71,0 0 30px #ff1f71,0 0 60px #ff1f71}.links .button:nth-child(2):after,.links .button:nth-child(2):before{background:#2db2ff;box-shadow:0 0 5px #2db2ff,0 0 15px #2db2ff,0 0 30px #2db2ff,0 0 60px #2db2ff}.add-section.wrapper{background-color:#fbfbfd;color:#1d1d1f;height:100vh;width:100%}.add-section .body{margin:0 auto;max-width:980px}.add-section .content{align-items:center;display:flex;flex-direction:column;max-width:490px;opacity:0;padding:200px 0;width:100%}.add-section .title{color:#1d1d1f;font-size:17px;font-weight:400;margin-bottom:0}.add-section .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#1e3791,#2948b1 40%,#3153c6 55%,#385fda 60%);color:transparent;display:inline-block;font-size:48px;font-weight:600;margin-bottom:18px;margin-top:16px;padding-top:.5px}.add-section .AddInput{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:5px 0;padding:10px;transition:border-color .3s ease-in-out;width:100%}.add-section .AddInput:focus{border-color:#007bff;outline:none}.add-section #SubmitBtn{background:#0071e3;border:none;border-radius:980px;color:#fff;cursor:pointer;display:inline-block;font-size:17px;font-weight:400;margin:0 14px;min-width:28px;padding:8px 16px;text-align:center;white-space:nowrap}.cars-section .AddInput{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:5px 0;padding:10px;transition:border-color .3s ease-in-out;width:100%}.cars-section .AddInput:focus{border-color:#007bff;outline:none}.cars-section.wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:auto;margin-right:auto;max-width:980px;padding:50px 0 400px;position:relative;width:100%}.cars-section .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#ffb6b6,#f44);color:transparent;display:inline-block;font-size:48px;font-weight:600;margin-bottom:18px;margin-top:16px;padding-top:.5px}.cars-section #list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100vw}#cars{background-color:#fff;color:#000;margin:1vmin;padding:1vmin}#car-image,#cars{border-radius:2vmin}#car-image{height:20vmin;object-fit:cover;width:30vmin}#car-name{text-decoration:none}#cars:hover{background-color:#ffbaba;-webkit-transform:scale(1.1);transform:scale(1.1);transform:translatey(-20px);-webkit-transform:translatey(-20px);-moz-transform:translatey(-20px)}#cars:active,#cars:hover{box-shadow:0 0 20px #cf4242}#cars:active{background-color:#bee5ff;-webkit-transform:scale(.9);transform:scale(.9);transition:all .25s;-webkit-transition:all .25s}.display-section.wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin-left:auto;margin-right:auto;max-width:980px;opacity:0;padding:50px 0 400px;position:relative;width:100%}.display-section .title{color:#86868b;font-size:17px;font-weight:400;letter-spacing:-.022em;margin-bottom:0}.display-section .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,#ffb6ff,#b344ff);color:transparent;display:inline-block;font-size:48px;font-weight:600;margin-bottom:18px;margin-top:16px;padding-top:.5px}.display-section .description{font-size:21px;font-weight:400}.display-section .button{background:#0071e3;border-radius:980px;color:#fff;cursor:pointer;display:inline-block;font-size:17px;font-weight:400;margin:15px;min-width:28px;padding:8px 16px;text-align:center;white-space:nowrap}.display-section .back-button{background:#fff;border:none;border-radius:50px;bottom:10px;color:#000;cursor:pointer;font-size:.6rem;padding:10px 30px;position:fixed;right:10px;transition:all .8s ease}.selectedCar{opacity:1}#show-image{border-radius:2vmin;height:40vmin;object-fit:cover;width:60vmin}#show-name{font-size:3vmin}.ShowButton{background:#000;border:solid;border-color:red;border-radius:50px;border-width:.35vmin;color:red;cursor:pointer;font-size:1rem;margin:0 10vmin;padding:10px 30px;text-decoration:none;transition:all .6s ease}.ShowButton:hover{border-color:#fff;color:#fff}details summary{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}details summary:hover{background-color:#0056b3}details>*{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;margin-bottom:2vmin;margin-top:10px;padding:10px}details>form{display:flex;flex-direction:column}details>form ul{list-style-type:none;margin:0 0 10px;padding:0}details>form ul:last-child{margin-bottom:0}details>form .AddInput{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-bottom:6px;max-width:700px;padding:8px;width:100%}details>form #SubmitBtn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}details>form #SubmitBtn:hover{background-color:#0056b3}
/*# sourceMappingURL=main.5d851005.css.map*/