#root{text-align:center;justify-content:center}.hero-section{max-width:1600px;height:auto;display:flex;justify-content:space-between;padding-top:1%;margin-left:auto;margin-right:auto}.hero-text{font-family:Roboto Condensed;position:absolute;color:#ec2c0c;font-size:13.5vw;font-weight:300;letter-spacing:-10px;margin-top:-5%;margin-left:2.5%;z-index:1}.hero-description{font-family:Roboto Condensed;color:#999;font-size:32px;text-align:left;margin-top:20%;margin-left:6%;max-width:650px;text-wrap:wrap}.hero-box-description{font-family:Roboto Condensed;color:#999;font-size:32px;text-align:right;margin-left:80px;margin-right:40px;margin-bottom:5%;text-wrap:wrap}.hero-box{width:650px;height:400px;border-radius:10px;background-color:#1d1d1d;text-align:right;justify-content:right;margin-top:7.5%;margin-right:5%;display:flex;justify-content:end;align-items:end}.card-holder{display:flex;flex-wrap:wrap;justify-content:center;padding-top:5%}.card-section{max-width:1600px;margin-left:auto;margin-right:auto}.divider{max-width:1400px;width:80%;height:2px;background-color:#ec2c0c;margin-left:auto;margin-right:auto;margin-top:5%}.card{background-color:#1d1d1d;height:250px;width:450px;margin:1%;border-radius:10px;padding:20px;overflow:hidden;position:relative;z-index:1}.card:before{content:"";position:absolute;top:0%;right:-10%;width:50px;height:50px;background-color:#ec2c0c;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-in-out;z-index:0}.card:hover:before{transform:translate(-50%,-50%) scale(25);z-index:-1}.card:hover .font-name{color:#1c1c1c;transition:color .2s ease-in-out .1s}.card:hover .font-header{color:#1c1c1ccc;transition:color .2s ease-in-out .1s}.card:hover .font-description{color:#1c1c1c99;transition:color .2s ease-in-out .1s}.font-name{color:#fff;font-size:50px;font-family:Roboto Condensed;text-align:right}.font-header{color:#ccc;font-family:Mohave;text-align:left;font-size:35px;z-index:10}.font-description{color:#999;font-family:Mohave;font-weight:400;text-align:left;font-size:16px;z-index:10}.text-wrapper{margin-top:10%}*{margin:0;padding:0;box-sizing:border-box}.overlay{position:fixed;width:100vw;height:100vh;z-index:2;display:flex}.bar{width:10vw;height:110vh;background:#0c0c0c;font-family:Roboto Condensed;font-size:200%;display:flex;color:#ec2c0c;justify-content:center;align-items:center}.counter{position:fixed;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;z-index:5;color:#ec2c0c;padding:.2em .4em;font-size:10vw;font-family:Roboto Condensed;font-weight:300}.hero-section{height:600px;width:98vw}.hero-section{height:600px;width:90vw;max-width:1600px}.hero-container{width:100%;height:100%;background-color:#ffebeb;border-radius:20px;padding:2%;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.hero-header{font-size:12vw;font-family:Roboto Condensed;font-weight:300;text-align:left;margin-top:-5%;color:#ec2c0c}.hero-tagline{width:300px;font-size:1.75vw;font-family:Roboto Condensed;font-weight:400;text-align:left;color:#1d1d1d;line-height:95%}.hero-text-container{width:100%;height:auto;display:flex;align-items:center;text-wrap:wrap;justify-content:space-between}.question{width:auto;font-size:2vw;font-family:Roboto Condensed;font-weight:500;text-align:right;color:#1d1d1d}.answer{width:700px;font-size:1.5vw;font-family:Roboto Condensed;font-weight:400;text-align:right;color:#1d1d1d}.font-detail-body{width:100vw;height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background-color:#0c0c0c}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}