@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@font-face{font-family:Formula1-Bold;src:url(/static/media/Formula1-Bold.a1d6ae91f3373c37e162.ttf) format("truetype")}:root{--f1-red:#ff232b;--f1-red-active:#ba1319;--f1-green:#52e252;--f1-black:#010000;--f1-orange:#ff8000}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.f1-text{font-family:Formula1-Bold}.red{color:#ff232b!important;color:var(--f1-red)!important}*{overscroll-behavior:none}.error{background-color:var(--f1-black);flex-direction:column;height:100vh;padding:0 10vw;text-align:center;width:100%}.error,.error span{align-items:center;display:flex;justify-content:center}.error span h1{color:#fff;font-size:40px;margin-left:10px}.error #icon{color:var(--f1-red);font-size:50px}.error .reload{align-items:center;background-color:var(--f1-red);border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:900;justify-content:center;margin-top:20px;padding:5px 10px;transition:all .2s}.error .reload:hover{background-color:var(--f1-red-active)}.error #reload-icon{margin-right:5px;transform:scale(1.3)}.error h1{color:var(--f1-red);font-family:Formula1-Bold,sans-serif}.error h2,.error p{color:#fff}.error p{font-family:Formula1-Bold,sans-serif;margin-top:20px}.error a{color:var(--f1-red);font-family:inherit}.error a:hover{color:var(--f1-red-active)}.App{display:flex;height:100vh;overflow-y:hidden}.App .main{width:75vw}.App .main,.navigation{background-color:var(--f1-black);height:100%;padding:50px}.navigation{overflow-x:hidden;overflow-y:scroll;width:25vw}.navigation::-webkit-scrollbar{width:10px}.navigation::-webkit-scrollbar-track{background:var(--f1-black)}.navigation::-webkit-scrollbar-thumb{background:var(--f1-red);border-radius:5px}.navigation::-webkit-scrollbar-thumb:hover{background:var(--f1-red-active)}.App .main .header{align-items:center;display:flex;justify-content:space-between;width:100%}.App .main .header .right ul{align-items:center;display:flex;list-style:none}.App .main .header .right ul li{align-items:center;border:2px solid var(--f1-red);border-radius:100px;color:var(--f1-red);cursor:pointer;display:flex;font-weight:500;margin-right:20px;padding:3px 10px;text-decoration:none}.App .main .header .right .link{text-decoration:none}.App .main .header .right ul li:hover{border-color:var(--f1-red-active);color:var(--f1-red-active)}.App .main .header .right ul li .icon{margin-right:7px}.App .main h1#header{color:var(--f1-red);font-family:Formula1-Bold;font-size:3rem;font-weight:900}.App .main h2.race-header{font-family:Formula1-Bold;margin-top:20px}.App .main h2.race-header span{font-family:inherit}.App .main p{color:#fff}.App .main p.openf1{font-size:10px;margin-top:5px}.App .main .link{color:var(--f1-red);text-decoration:underline;text-underline-offset:3px}.App .main .link:hover{color:var(--f1-red-active)}.App .main .data{display:flex;flex-direction:column;height:50vh;transform:translateX(-50px);width:100%}.App .main .driver-data{margin-top:50px;width:100%}.App .main .driver-header-container{display:flex}.App .main .driver-header-container .img img{margin-left:50px;width:300px}.App .main .driver-data h2.driver-header{font-family:Formula1-Bold;font-size:2.3rem;text-align:right}.App .main .driver-data h2 span{font-family:inherit}.App .main .driver-data .driver-header-team{font-size:1.3rem;font-weight:800;text-align:right}.App .main .driver-data .main-data{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:25px;width:100%}.App .main .driver-data .main-data .container{align-items:center;display:flex;flex-direction:column;height:100%;margin:10px;min-width:min-content;width:20%}.App .main .driver-data .main-data .container .number{font-size:3rem}.App .main .driver-data .main-data .container *{font-family:Formula1-Bold;text-align:center}.loading{height:100%;justify-content:center;text-align:center;width:100%}.loading,.loading h1{align-items:center;display:flex}.loading h1{color:var(--f1-red);font-family:Formula1-Bold,sans-serif}.loading h1 .icon{animation:LoadingRing 1s infinite;margin-right:10px}@keyframes LoadingRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-height:860px){.App .main h1.header{font-size:2rem}.App .main .driver-data h2.driver-header{font-size:1.8rem}.App .main .driver-data .driver-header-team{font-size:1rem}.App .main .driver-data .main-data .container .number{font-size:2rem}.App .main .driver-data .main-data{margin-top:20px}}@media only screen and (max-width:1060px){.App{flex-direction:column;height:max-content;overflow-x:hidden;overflow-y:visible}.App .main{background-color:var(--f1-black);min-height:100vh;padding:35px;width:100vw}.App .main .data{align-items:center;display:flex;height:65vh;justify-content:center;transform:translateX(-25px);width:100vw}.navigation{background-color:var(--f1-black);height:max-content;overflow-y:hidden;width:100%}.navigation .drivers-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.navigation .drivers-list *{margin:5px}}@media only screen and (max-width:930px){.App .main .driver-data .main-data .container .number{font-size:1.5rem}.App .main .driver-data .main-data .container h2{font-size:1.3rem}.App .main .driver-data .main-data{margin-top:20px}.App .main .driver-header-container{align-items:center;flex-direction:column}.App .main .driver-data .driver-header-team,.App .main .driver-data h2.driver-header{text-align:center}.App .main .driver-header-container .img img{margin:20px 0 0;width:80vw}.App .main .header .right{margin-top:15px}.App .main .header{align-items:flex-start;flex-direction:column}}@media only screen and (max-width:420px){h1#header{font-size:2rem!important;margin-bottom:10px}p.openf1{margin-top:10px!important}}@media only screen and (max-width:300px){h1#header{font-size:1.5rem!important;margin-bottom:10px}}@media only screen and (max-height:1315px){.App .data{height:45vh!important}}.driver{align-items:center;border-radius:20px;cursor:pointer;display:flex;margin:20px;overflow:hidden;padding:20px;transition:all .2s ease;width:100%}.driver:hover{transform:scale(1.05)}h2{color:#fff}.driver .text{width:50%}.driver .text h2{font-weight:800;text-transform:uppercase}.driver .number{align-items:center;display:flex;justify-content:center;margin-right:10px;width:25%}.driver .number h2{font-family:Formula1-Bold;font-size:2.3rem}.driver .img img{transform:translateY(20px) scale(1.3)}.driver .img #broken-img{color:#fff;font-size:60px}@media only screen and (max-width:1220px){.driver .number h2{font-size:1.8rem}.driver .text h2{font-size:1rem}.driver{padding:10px 20px}}@media only screen and (max-width:1060px){.driver{width:300px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--f1-black)}::-webkit-scrollbar-thumb{background:var(--f1-red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--f1-red-active)}.about a{color:var(--f1-red)}.about a:hover{color:var(--f1-red-active)}.about{background-color:var(--f1-black);min-height:100vh;overflow-x:hidden;padding:5vh 10vw;width:100%}.about .indent{margin-left:20px}.about h1,.about h3,.about p{color:#fff}.about .nav,.about .nav ul{align-items:center;display:flex}.about .nav ul{list-style:none;margin-bottom:20px;margin-top:10px}.about .nav ul li{align-items:center;border:2px solid var(--f1-red);border-radius:100px;color:var(--f1-red);cursor:pointer;display:flex;font-weight:500;margin-right:10px;padding:3px 10px}.about .nav ul li:hover{border-color:var(--f1-red-active);color:var(--f1-red-active)}.about .nav .link{text-decoration:none}.about .nav .icon{margin-right:7px}.about h1.main,.about h1.main span{font-family:Formula1-Bold,sans-serif}.about h2{margin:20px 0 10px;text-transform:uppercase}.about h3{margin-top:10px}.about .colors{display:flex;flex-wrap:wrap;margin-bottom:20px;max-width:750px}.about .color{align-items:center;color:var(--f1-black);display:flex;font-weight:800;height:50px;justify-content:center;text-transform:uppercase;width:150px}.about .colors-container h3{margin-bottom:10px}.about .cars{display:flex;max-width:40vw;overflow-x:scroll}.about .cars img{margin-bottom:20px;margin-right:20px;margin-top:30px;width:30vw}.about .cars::-webkit-scrollbar{height:7px}.about #credit{margin-top:30px}@media only screen and (max-width:1000px){.about .cars img{width:50vw}.about .cars{max-width:80vw}}@media only screen and (max-width:430px){.about .nav ul li{font-size:smaller}.about .color{width:100px}.about .cars img{width:150vw}.about .cars::-webkit-scrollbar{height:7px}.about .indent{margin-left:10px}}@media only screen and (max-width:380px){.about .nav ul{align-items:flex-start;flex-direction:column}.about .nav ul li{margin-top:10px}}
/*# sourceMappingURL=main.ef3a5d24.css.map*/