@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);*{font-family:"Lato","Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;box-sizing:border-box;padding:0;margin:0}body{height:100vh;overflow-x:hidden;background-image:url(/static/media/timer.429f8428.jpeg);background-attachment:fixed;overflow-y:scroll;z-index:-1}.cover-container,body{background-repeat:no-repeat;background-size:cover}.cover-container{height:100%;width:100%;background-image:url(/static/media/cover.bd9cedc3.jpg);background-position:50%;position:fixed;z-index:999}@keyframes moveCover{99%{transform:translate(-100%)}to{transform:translate(-100%);display:none}}.cover-container{animation:moveCover 1s 1.5s forwards}.homepage-container{height:100vh;width:100%;overflow:hidden}.video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden}.video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-container{position:absolute;bottom:45%;left:5%;transform:perspective(1000px);transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center;align-items:center}.text-container>h1:first-of-type{color:#d61522;font-size:2.17em;letter-spacing:12px;text-shadow:1px 1px 1px #000;transform:rotateY(35deg) rotate(1deg);position:relative;top:25px;left:26px;z-index:2}.text-container h1:nth-of-type(2){font-size:2.5em;letter-spacing:15px}.text-container h1:nth-of-type(2),.text-container h1:nth-of-type(3){color:#dfdfdf;text-shadow:1px 1px 1px #000;transform:rotateY(35deg) rotate(1deg)}.text-container h1:nth-of-type(3){font-size:.7em;letter-spacing:12px;margin-bottom:30px}.text-container #dd-link>h1,.text-container #vs-link>h1{color:#dfdfdf;font-size:1em;letter-spacing:10px;text-shadow:1px 1px 1px #000;transform:rotateY(35deg) rotate(2deg)}.text-container a{text-decoration:none;margin-top:30px}.text-container a:hover{color:#d61522;text-decoration:underline}small{font-size:.65em;color:#fff;position:absolute;bottom:10px;left:10px}@media screen and (min-width:250px) and (max-width:500px){.homepage-container{display:flex;justify-content:center;align-items:center}.text-container{height:100%;width:100%;bottom:auto;left:auto}.text-container>h1:first-of-type{font-size:.7em;letter-spacing:5px;top:0;left:0;transform:rotateY(0deg) rotate(0deg)}.text-container>h1:nth-of-type(2){font-size:.78em;letter-spacing:8px;transform:rotateY(0deg) rotate(0deg)}.text-container>h1:nth-of-type(3){font-size:.4em;letter-spacing:5px;margin-bottom:20px;transform:rotateY(0deg) rotate(0deg)}.text-container #dd-link>h1,.text-container #vs-link>h1{font-size:.6em;letter-spacing:5px;transform:rotateY(0deg) rotate(0deg)}.text-container a{margin-top:20px}}@media screen and (min-width:501px) and (max-width:764px){.text-container{bottom:35%;left:3%}.text-container>h1:first-of-type{font-size:1em;letter-spacing:7px;top:10px;left:13px}.text-container>h1:nth-of-type(2){font-size:1.2em;letter-spacing:8px}.text-container>h1:nth-of-type(3){font-size:.6em;letter-spacing:5px;margin-bottom:30px}.text-container #dd-link>h1,.text-container #vs-link>h1{font-size:.8em;letter-spacing:5px}.text-container a{margin-top:30px}}@media screen and (min-width:765px) and (max-width:1199px){.text-container{left:2%}.text-container>h1:first-of-type{font-size:1.32em;top:15px;left:18px}.text-container>h1:nth-of-type(2){font-size:1.5em}.text-container>h1:nth-of-type(3){font-size:.5em}.text-container #dd-link>h1,.text-container #vs-link>h1{font-size:.8em}}::-webkit-scrollbar{width:8px;padding:2.5px}::-webkit-scrollbar-track{background:#19181a}::-webkit-scrollbar-thumb{background:#d61522;border-radius:6px;border:1px solid #26262a}.navigation{width:100%;height:8vh;background-color:#19181a;padding:0 5%;position:fixed;z-index:99;overflow:hidden}.nav-container{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-container>div{display:flex}.nav-container>a{color:#dfdfdf;text-decoration:none;transition:all .5s}.nav-container a:hover{color:#d61522}.nav-container div>a{cursor:pointer;color:#dfdfdf;font-size:.8em;text-decoration:none;padding:0 10px}#banner-section{height:100vh;width:100%;background-color:#26262a;background-image:url(/static/media/vsbanner.3f81ada7.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:8vh 10px 10px;overflow:hidden}.banner-container{color:#dfdfdf;height:100%;width:100%;display:flex;align-items:center;justify-content:space-around}.banner-container h1{font-size:3em;padding-bottom:20px;text-shadow:1px 1px 1px #000}.banner-container span.heading-red{color:#d61522}.banner-container h3{text-shadow:1px 1px 1px #000}.banner-container button{cursor:pointer;color:#d61522;height:50px;width:100px;background-color:transparent;border:2px solid #d61522;margin-top:30px;outline:none;transition:all .3s}.banner-container button:hover{color:#dfdfdf;background-color:#d61522}.banner-container img{height:50%;border:5px solid #232627;border-radius:50%;box-shadow:3px 3px 10px #000}#about-section{height:100vh;width:100%;background-color:#26262a;padding-top:8vh;border-top:5px solid #000;overflow:hidden}#about-section h1{color:#2d2d31;font-size:8em;padding-left:50px;margin-bottom:30px}.about-content{width:65%;background-color:#26262a;padding:20px;border-radius:10px;margin:0 auto;position:relative;top:-40px;box-shadow:-5px 5px 10px #19181a,5px -5px 10px #19181a;z-index:1}.about-content p{color:#dfdfdf;padding-bottom:20px}.dot-container{height:400px;width:400px;position:relative;top:-350px;left:70%;border:5px solid #000}.dot-container img{height:100%;width:100%}#skills-section{height:100vh;width:100%;background-color:#26262a;padding:8vh 0 50px;display:flex;flex-direction:column;align-items:center;overflow:hidden}#skills-section>h1{color:#2d2d31;font-size:8em;margin-bottom:30px;padding-right:50px;align-self:flex-end}#skills-section .vs-skill-info-container{height:100%;width:80%;padding:30px;display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:-2px -2px 3px grey,3px 3px 6px #000}#skills-section .vs-skill-info-container>p{color:#dfdfdf;width:80%;text-align:center;margin-bottom:30px}#skills-section .vs-skill-info-container .skills-container img{height:450px}.skills-container{width:80%;display:flex;justify-content:space-between;align-items:center}.skills{width:60%}.skills div{margin-bottom:20px;display:flex}.skill-type{color:#dfdfdf;font-size:.8em;height:25px;width:150px;background-color:#0d6f9a;padding:5px;margin-right:20px;border-top-right-radius:10px;border-bottom-right-radius:10px}.skills .skill-bar{height:20px;width:500px;border:2px solid #3fc1b1;border-radius:10px;margin-right:20px}.bd-level,.combat-level,.intel-level,.medical-level,.rd-level,.support-level{height:100%;width:5%;background-color:#3fc1b1;border:2px solid #26262a;border-radius:10px}.rank{color:gold;font-weight:700;width:50px}#field-buddy-section{height:auto;width:100%;padding:8vh 0 50px;background-color:#26262a;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:5px solid #000;overflow:hidden}#field-buddy-section>h1{color:#2d2d31;font-size:8em;padding-left:50px;position:relative;margin-right:auto}.buddy-container{height:100%;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.b-info-container-1>div,.b-info-container-2>div,.buddy-container>div:first-of-type{height:450px;width:80%;padding:20px;border-radius:10px;margin:20px;display:flex;justify-content:space-around;align-items:center;box-shadow:3px 3px 10px #000,-2px -2px 4px grey}.other-field-buddies{display:flex;flex-direction:column;justify-content:center;align-items:center}.buddy-container>div.quiet{width:65%}.b-info-container-1,.b-info-container-2{width:100%;display:flex;justify-content:center;align-items:center}.quiet>div:first-of-type{width:50%;display:flex;justify-content:center;align-items:center}.quiet img{height:400px}.q-skills{width:50%}.q-skills div{margin-bottom:8px;display:flex}.quiet p.skill-type{height:15px;font-size:.7em;padding:1px 0 1px 5px}.quiet .rank{font-size:.7em}.q-skills .q-skill-bar{height:15px;width:500px;border:2px solid #3fc1b1;border-radius:10px;margin-right:20px}.q-bd-level,.q-combat-level,.q-intel-level,.q-medical-level,.q-rd-level,.q-support-level{height:100%;width:5%;background-color:#3fc1b1;border:2px solid #26262a;border-radius:10px}.quiet p.q-description{color:#dfdfdf;width:80%;height:100%;font-size:1em;text-align:center;margin:20px auto 0}.buddy-img-container{width:50%}.buddy-img-container img,.buddy-info-container{width:100%}.buddy-info-container p{color:#dfdfdf;text-align:center;width:100%}.banner2{height:100vh;width:100%;background-image:url(/static/media/vsbanner2.e8b4f876.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow:hidden}@media screen and (min-width:250px) and (max-width:500px){.nav-container>a{font-size:.7em}.nav-container div>a{font-size:.5em;padding:0 5px}#banner-section{overflow:hidden}.banner-container{display:flex;flex-direction:column-reverse;align-items:center}.banner-container h1{font-size:2em;text-align:center}.banner-container h3{font-size:.6em;text-align:center}.banner-container button{font-size:.6em;height:30px;width:50px;margin-top:20px;float:right}#about-section{height:auto;padding-bottom:20px}#about-section h1{font-size:5em;padding-left:20px;margin-bottom:20px}.about-content{width:90%;position:static;box-shadow:-5px 5px 10px #19181a,5px -5px 10px #19181a}.about-content p{font-size:.8em;padding-bottom:20px;text-align:center}.dot-container{display:none}#skills-section{height:auto}#skills-section .vs-skill-info-container{width:95%;padding:20px 10px;box-shadow:-2px -2px 3px #000,2px 2px 3px #000}#skills-section>h1{font-size:5em;align-self:flex-start;margin-left:20px;margin-bottom:20px}#skills-section .vs-skill-info-container>p{font-size:.8em;width:95%}#skills-section .vs-skill-info-container .skills-container img{height:15em;width:auto;align-self:center;margin-bottom:30px}.skills-container{width:100%;display:flex;flex-direction:column;align-content:center;justify-content:center}.skills{width:100%;align-self:center}.skills div{width:100%;margin-bottom:6px}.skill-type{font-size:.6em;height:15px;width:110px;margin-right:10px;padding:2px}.skills .skill-bar{height:15px;width:100%;margin-right:10px}.rank{font-size:.6em;width:50px;text-align:center}#field-buddy-section>h1{font-size:4.45em;margin-right:0;position:static;padding-left:0}.buddy-container{width:95%}.b-info-container-1>div,.b-info-container-2>div,.buddy-container>div:first-of-type{height:auto;width:100%;padding:20px 10px;margin:10px 0;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 2px 6px #000,-2px -2px 6px #000}.buddy-container>div.quiet{width:100%}.b-info-container-1,.b-info-container-2{flex-direction:column}.quiet>div:first-of-type{width:auto}.quiet img{height:200px;margin-bottom:20px}.q-skills{width:100%;margin-bottom:20px}.q-skills div{margin-bottom:6px}.quiet p.skill-type{font-size:.6em;height:15px;width:170px;margin-right:10px;padding:2px}.quiet .rank{font-size:.6em;width:80px;text-align:center}.q-skills .q-skill-bar{margin-right:10px}.quiet p.q-description{width:100%;font-size:.8em}.buddy-info-container{padding:20px 10px}.buddy-img-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.buddy-img-container img{width:auto;height:200px}.buddy-info-container p{font-size:.8em}}@media screen and (min-width:501px) and (max-width:916px){.nav-container>a{font-size:.8em}.nav-container div>a{font-size:.6em;padding:0 8px}.banner-container{display:flex;flex-direction:row;align-items:center}.banner-container h1{font-size:2em;text-align:center}.banner-container h3{font-size:.9em;text-align:center}.banner-container button{font-size:.7em;height:30px;width:50px;margin-top:20px;float:left}#banner-section img{width:auto;height:15em}#about-section{height:auto;padding-bottom:20px}#about-section h1{font-size:5em;padding-left:20px;margin-bottom:20px}.about-content{width:95%;position:static;box-shadow:-5px 5px 10px #19181a,5px -5px 10px #19181a,0 10px 10px #19181a}.about-content p{font-size:.8em;padding-bottom:20px}.dot-container{display:none}#skills-section{height:auto}#skills-section>h1{font-size:5em;align-self:flex-start;margin-left:20px;margin-bottom:20px}#skills-section>p{font-size:.8em;width:80%}#skills-section .vs-skill-info-container{width:95%;padding:20px;box-shadow:-5px 5px 10px #19181a,5px -5px 10px #19181a}.skills-container{width:100%;display:flex;flex-direction:row;align-content:center;justify-content:center}#skills-section img{height:150px;width:auto;align-self:center;margin-bottom:30px;margin-right:20px}.skills{width:90%;align-self:center}.skills div{margin-bottom:10px}.skill-type{height:15px;font-size:.7em;width:100px;padding:2px;margin-right:10px}.skills .skill-bar{height:15px;width:100%;margin-right:10px}.rank{font-size:.75em}#field-buddy-section>h1{font-size:5em;margin-left:20px;padding:0}.buddy-container{width:95%}.b-info-container-1>div,.b-info-container-2>div,.buddy-container>div:first-of-type{height:auto;width:100%;padding:20px 10px;margin:10px 0;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 2px 6px #000,-2px -2px 6px #000}.buddy-container>div.quiet{width:100%}.b-info-container-1,.b-info-container-2{flex-direction:column}.quiet>div:first-of-type{width:auto}.quiet img{height:200px;margin-bottom:20px}.q-skills{width:80%;margin-bottom:20px}.q-skills div{margin-bottom:6px}.quiet p.skill-type{font-size:.6em;height:15px;width:170px;margin-right:10px;padding:2px}.quiet .rank{font-size:.6em;width:80px;text-align:center}.q-skills .q-skill-bar{margin-right:10px}.quiet p.q-description{width:100%;font-size:.8em}.buddy-info-container{padding:20px 10px}.buddy-img-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.buddy-img-container img{width:auto;height:200px}.buddy-info-container p{font-size:.8em}}@media screen and (min-width:917px) and (max-width:1199px){.navigation{padding:15px 3%}.banner-container img{height:55%}.banner-container button{float:left}.about-content{width:85%;padding:10px}.about-content p{font-size:.84em}.dot-container{height:300px;width:300px;top:-320px}#skills-section h1{margin-bottom:0}#skills-section .vs-skill-info-container{padding:30px 20px;overflow:hidden}#skills-section .vs-skill-info-container .skills-container img{height:400px}.skills-container{width:95%;height:100%;display:flex;justify-content:space-around;align-items:center}.skills{width:70%}.skills div{margin-bottom:10px}.skill-type{font-size:.8em;height:18px;width:110px;margin-right:10px;padding:2px}.skills .skill-bar{height:18px;width:100%;margin-right:10px}.rank{font-size:.8em}.buddy-container>div.quiet{width:80%}.quiet img{height:300px}.q-skills{width:65%}.quiet p.q-description{width:100%}.quiet>div:first-of-type{width:30%}.buddy-container>div:first-of-type{margin:10px}.b-info-container-1>div,.b-info-container-2>div{width:50%;margin:10px;overflow:hidden}.buddy-img-container{height:200px;width:100%;display:flex;justify-content:center;align-items:center}.buddy-img-container img{height:250px;width:auto}}@media screen and (min-width:1200px) and (max-width:2000px){.banner-container h1{font-size:4em}.banner-container h3{font-size:1.5em}.banner-container button{font-size:1em}.banner-container img{height:70%}.about-content{width:70%}.about-content p{font-size:1em}.dot-container{top:-400px}#skills-section>h1{margin-bottom:20px}#skills-section .vs-skill-info-container{width:70%;padding:20px}#skills-section .vs-skill-info-container .skills-container img{height:350px;width:auto}.skills-container{width:70%;height:100%;display:flex;justify-content:space-around;align-items:center}.skills div{margin-bottom:15px}.quiet img{height:300px}.buddy-container{width:70%}.buddy-img-container{width:100%;display:flex;justify-content:center;align-items:center}.buddy-img-container img{height:300px;width:auto}}
/*# sourceMappingURL=main.9b9241da.chunk.css.map */