*{box-sizing:border-box}html{font-size:62.5%;margin-left:calc(100vw - 100%)}body{background-color:#282d35;font-family:Inter,sans-serif;height:100vh;margin:0}button{background:#0087cc;border:0;border-radius:4px;box-shadow:0 5px 0 #006599;color:#fff;cursor:pointer;margin:1rem;outline:0;padding:8px 20px;transition:all .1s linear;width:60%}button:active{box-shadow:0 2px 0 #006599;-webkit-transform:translateY(3px);transform:translateY(3px)}.main{padding:.5rem 2rem 5rem}.main,form{align-items:center;display:flex;flex-flow:column}form{width:100%}input{height:4rem;width:60%}.submitButton{background:#009d00;box-shadow:0 5px 0 #006300}.submitButton:active{box-shadow:0 2px 0 #006300}.instructButton{background:#9d0000;box-shadow:0 5px 0 #630000}.instructButton:active{box-shadow:0 2px 0 #630000}.formsAndButtons{padding:1rem 0 5rem 2rem}.InfoContainer,.formsAndButtons{align-items:center;display:flex;flex-flow:column}.InfoContainer{background-color:#282d35;height:100vmin}.content{background-color:#0c0c0c;border-radius:5%;box-shadow:0 0 20px #008686;width:50%}.pokeName{line-height:5rem;margin-bottom:0}.pokePic{border-radius:5%;width:100%}.role{color:#f3bf99;font-size:1.7rem;line-height:1.5rem}.portfolio,.role{font-family:Inter;font-style:normal;font-weight:400;text-align:center}.portfolio{color:#f5f5f5;font-size:1.5rem;line-height:150%}.pokeNameContainer{color:#fff;display:flex;flex-flow:column;font-family:Inter;font-size:2.5rem;font-style:normal;font-weight:700;justify-content:center;line-height:3rem;text-align:center}.aboutContainer{align-items:center;display:flex;flex-flow:column;width:70%}nav{background-color:#21222a;justify-content:space-around}.trackGuessBoxContainer,nav{align-items:center;display:flex;height:90px;padding:30px 25px}.trackGuessBoxContainer{background-color:#0c0c0c;flex-flow:row;justify-content:space-evenly}.trackGuessBox{background-color:#7fff00;box-shadow:0 0 20px #008686;width:50px}.nav--icon,.trackGuessBox{height:46px;margin-right:7px}.box{border:1px solid #000;border-radius:5px;display:inline-block;height:12.5rem;margin-bottom:-2px;padding:0;position:relative;width:15%}.boxContainer{margin:1.5rem 1rem 1.5rem 6rem;position:absolute;top:5.5rem;width:47%;z-index:10}.nodisplay{display:none;scale:0}.instructionpage{background-color:rgba(0,0,0,.8);color:#fff;font-size:3rem;font-weight:bolder;justify-content:center;letter-spacing:.1rem;line-height:3rem;padding:5rem 10rem;position:absolute;text-align:center;top:0}.instructionContent,.instructionpage{display:flex;min-height:100vh;min-width:100%}.instructionContent{align-items:top;flex-flow:column}.X{color:#ffc400;cursor:pointer;font-size:10rem;margin:0 auto 6rem;text-align:center;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s}.X:hover{color:red;-webkit-transform:scale(1.5);transform:scale(1.5)}p{margin:0 0 3rem}@media screen and (max-width:3300px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:21.5rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:3000px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:20.5rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:2800px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:19rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:2600px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:17rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:2400px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:16rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:2200px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:14rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:2000px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:13rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:1800px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:50%}.box{height:12rem}.pokePic{border-radius:5%;width:90%}}@media screen and (max-width:1668px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 6rem;top:5rem;width:47%}.box{height:10.5rem}}@media screen and (max-width:1500px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 5.5rem;top:5rem;width:47%}.box{height:9.3rem}}@media screen and (max-width:1300px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 5rem;top:4rem;width:47%}.box{height:8.7rem}}@media screen and (max-width:1100px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 4rem;top:3rem;width:47%}.box{height:7rem}}@media screen and (max-width:900px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 4rem;top:2.5rem;width:46%}.box{border-radius:0;height:5.6rem}}@media screen and (max-width:800px){.content{border-radius:0;width:100%}.pokePic{box-shadow:10px 10px 5px #008686}.boxContainer{margin:1.5rem 1.5rem 1.5rem 4.5rem;top:4rem;width:95%}.box{border-radius:0;height:10rem}}@media screen and (max-width:700px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 4rem;top:3.5rem;width:95%}.box{border-radius:0;height:8.8rem}}@media screen and (max-width:600px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 5rem;top:1rem;width:95%}.box{border-radius:0;height:8rem}}@media screen and (max-width:550px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 4.5rem;top:1rem;width:95%}.box{border-radius:0;height:7.5rem}}@media screen and (max-width:500px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 4rem;top:1rem;width:90%}.box{border:.1px solid #000;border-radius:0;height:6rem}}@media screen and (max-width:460px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 3.5rem;top:1rem;width:95%}.box{border:.1px #000;border-radius:0;height:6rem}.instructionpage{font-size:2rem;font-weight:bolder;letter-spacing:.1rem;line-height:3rem;margin-right:2rem;padding:5rem 1rem;text-align:center}}@media screen and (max-width:390px){.boxContainer{margin:1.5rem 1.5rem 1.5rem 3rem;top:1rem;width:95%}.box{border:.1px #000;border-radius:0;height:4.8rem}}
/*# sourceMappingURL=main.2ff51789.css.map*/