@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@font-face{font-family:pkmnhollow;src:local(neoneon),url(/assets/PokemonHollow-Cu9vqxGY.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:pkmnsolid;src:local(neoneon),url(/assets/PokemonSolid-5aVRmG9i.ttf)format("truetype");font-weight:400;font-style:normal}*{-webkit-user-select:none;user-select:none;font-family:VT323,monospace}body{color:#fff;background-color:#191919;margin:0;padding:0 0 300px;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#d0272780}::-webkit-scrollbar-thumb:hover{background:#d02727}.navbar-container{background-color:#d02727;justify-content:center;align-items:center;width:100vw;height:10vh;display:flex}.navbar-row{flex-direction:row;justify-content:space-between;width:90%;height:100%;display:flex}.logo-container{width:100%}.logo{height:100%}.navbar-links{justify-content:end;align-items:center;gap:30px;width:30%;min-width:50%;display:flex}button{cursor:pointer;outline:none}img{pointer-events:none}.nav-btn{color:#ffcb05;background-color:#0000;border:none;margin:0;padding:0;font-size:22px}.nav-btn span{display:none}.nav-btn{font-display:row;text-decoration:none;display:flex}.nav-btn:hover{color:#fff}.nav-btn:hover span{display:inline}.center-container{flex-direction:column;align-items:center;width:70vw;height:80vh;margin:0 15vw;display:flex}.center-container .professors{text-align:center;align-items:end;gap:30px;width:90%;height:90%;min-height:400px;margin:5vh 0;display:flex}.center-container .professors img{aspect-ratio:2/3;object-fit:contain;width:auto;height:100%;transition:opacity .3s}.center-container .professors img[src=""]{opacity:0}.center-container .professors .oak{height:100%}.center-container .professors .juniper{height:97%}.center-container .professors .mom{height:104%}.center-container .professors .kukui{height:99%}.center-container .professors .joy{height:100%;transform:scaleX(-1)}.center-container .professors .dawn{height:95%}.center-container .professors .brock,.center-container .professors .pkmn-holder,.center-container .professors .pkmn-holder .wtp-pokemon{height:100%}.center-container .home-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.center-container .home-container .home-text-container{width:100%}.center-container .home-container .home-text-container h1{font-size:30px;font-weight:400}.center-container .home-container .home-text-container p{font-size:22px}.center-container .home-container .home-text-container .dialogue{height:10vh}.center-container .home-container .home-text-container .both{color:#ffcb05}.center-container .home-container .home-text-container .juniper{color:#65a67e}.center-container .home-container .home-text-container .oak{color:#c7bee9}.center-container .home-container .home-text-container .mom{color:#3e76ad}.center-container .home-container .home-text-container .kukui{color:#a7a6a9}.center-container .home-container .home-text-container .joy{color:#f99}.center-container .home-container .home-text-container .dawn{color:#d998a2}.center-container .home-container .home-text-container .brock{color:#e0985e}.center-container .home-container .home-text-container .name-input-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.center-container .home-container .home-text-container .name-input-container input{outline:none;width:calc(100% - 15px);padding:7px;font-size:22px}.center-container .bottom{margin:100px 0}.center-container .bottom .home-container .home-text-container h1{font-size:30px}.center-container .bottom .home-container .home-text-container p{font-size:25px}.center-container .professors.wtp-container{width:70%}.center-container-2{text-align:center;flex-direction:column;align-items:center;width:60vw;margin:100px 20vw 0;display:flex}.center-container-2 .home-text-container{width:100%}.center-container-2 .home-text-container h1{font-size:30px;font-weight:400}.center-container-2 .home-text-container p{font-size:22px}.center-container-2 .home-text-container i{color:#191919;cursor:pointer;background-color:#d02727;border-radius:25px;margin:50px 20px 0;padding:10px;font-size:30px;transition:color .5s,background-color .5s}.center-container-2 .home-text-container i:hover{color:#ffcb05;background-color:#0b4d8a}.center-container-2 input,.center-container-2 textarea{color:#0b4d8a;background-color:#ffcb05;border:2px solid #0b4d8a;border-radius:5px;outline:none;width:80%;margin:10px;padding:10px;font-family:Nunito Sans,sans-serif;font-size:16px;box-shadow:0 0 10px #0b4d8a}.center-container-2 input::selection{background-color:#d0272780}.center-container-2 textarea::selection{background-color:#d0272780}.center-container-2 input::placeholder,.center-container-2 textarea::placeholder{color:#0b4d8ab3}.center-container-2 .home-btn{width:calc(80% + 20px);margin:10px}.center-container-2 .status{text-align:center;font-size:20px;font-style:italic}.center-container-2 .status.success{color:#9acd32}.center-container-2 .status.error{color:red}.home-btn-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.home-btn-container .btn-container{width:100%;margin-top:20px}.grid-btn-container{grid-template-columns:repeat(2,minmax(200px,1fr));gap:20px;width:100%;display:grid}.center-grid{justify-content:center}.capitalize{text-transform:capitalize}.btn-container{width:100%}.home-btn,.mode-btn{color:#fff;background-color:#d02727;border:none;width:100%;padding:10px 20px;font-size:22px;transition:color .3s,background-color .3s}.trivia-option{text-transform:capitalize;color:#000;background-color:#ffcb05;border:none;width:100%;padding:10px 20px;font-size:22px;transition:color .3s,background-color .3s}.home-btn:hover,.active-btn,.mythical-egg.active-btn,.legendary-egg.active-btn{color:#0b4d8a;background-color:#ffcb05;border:5px solid #0b4d8a;transition:color .3s,background-color .3s,box-shadow .3s;box-shadow:inset 0 0 7px #0b4d8a}.mode-btn:hover,.trivia-option:hover{transition:color .3s,background-color .3s,box-shadow .3s;box-shadow:1px 1px 2px #fff}.disabled-mode.active-btn{color:#fff;box-shadow:none;background-color:gray;border:none;transition:color .3s,background-color .3s}.disabled-mode:hover{box-shadow:none}.home-btn:disabled{color:#fff;box-shadow:none;cursor:not-allowed;background-color:#d02727;border:none}.next-sm{width:50%}.next-sm:disabled,.next:disabled{color:#fff;box-shadow:none;cursor:not-allowed;background-color:gray;border:none;transition:color .3s,background-color .3s}.pokedex-container{flex-direction:column;align-items:center;width:100%;margin:2% 0 7%;display:flex}.pokedex-container .button-container{justify-content:center;gap:1%;width:100%;margin-top:1%;display:flex}.pokedex-container .button-container .option-btn{color:#fff;background-color:#0000;border:none;font-size:20px;transition:color .3s}.pokedex-container .button-container .active{color:#d02727;text-decoration:underline;transition:color .3s}.pokedex-container .own-btn .active{color:#ffcb05;text-decoration:underline;transition:color .3s}.pokedex-container .card-container{grid-template-columns:repeat(auto-fill,300px);justify-content:space-around;align-self:center;gap:50px;width:90%;margin-top:2%;display:grid}.card{background-color:#d02727;flex-direction:column;align-items:center;width:100%;height:350px;transition:color .3s,background-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 0 5px #fff}.card .id{color:#ffcb05;text-shadow:2px 2px 2px #000;text-align:right;width:90%;margin:2% 0 3%;font-size:20px}.card .container{background-color:#191919;justify-content:center;align-items:center;width:90%;height:45%;display:flex}.card .container .pokemon-img{justify-content:center;align-items:center;width:95%;height:93%;display:flex;position:relative}.card .container .pokemon-img img{z-index:2;filter:drop-shadow(5px 5px 5px #000000b3);align-self:center;height:90%;position:absolute}.card .details-container{text-transform:capitalize;width:90%;margin-top:5%}.card .details-container .data{gap:3%;width:100%;margin-bottom:3%;display:flex}.card .details-container .data .name{text-shadow:2px 2px 2px #000;font-size:18px;font-weight:700}.card .details-container .data .type{padding:1%;box-shadow:2px 2px 2px #000}.card .details-container .data .type-unknown{text-shadow:2px 2px 2px #000}.card .details-container .stats-container{grid-template-columns:repeat(2,1fr);gap:2% 15%;width:100%;display:grid}.card .details-container .stats-container .stats{text-transform:capitalize;margin:3% 5% 0 0;display:flex}.card .details-container .stats-container .stats .title{color:#ffcb05;text-shadow:2px 2px 2px #000;width:50%;font-weight:700}.card .details-container .stats-container .stats .value{text-align:right;text-shadow:2px 2px 2px #000;width:50%;font-weight:700}.legendary,.legendary-egg{background-color:#65a67e;transition:color .3s,background-color .3s}.mythical,.mythical-egg{background-color:purple;transition:color .3s,background-color .3s}.card-unknown{background-color:#0b4d8a}.card-unknown .id{color:gray;text-shadow:2px 2px 2px #000}.card-unknown .pokemon-img{filter:grayscale()}.card-unknown .details-container .stats-container .stats .title{color:gray}@media screen and (width<=1150px){.center-container{width:80vw;margin:0 10vw}.center-container .professors{align-items:start}.center-container .professors .oak{height:75%}.center-container .professors .juniper{height:72.75%}.center-container .professors .mom{height:78%}.center-container .professors .kukui{height:74.25%}.center-container .professors .joy{height:75%}.center-container .professors .dawn{height:71.25%}.center-container .professors .brock{height:75%}.center-container-2{margin:250px 20vw 0}}@media screen and (width<=800px){.center-container .professors .oak{height:50%}.center-container .professors .juniper{height:48.5%}.center-container .professors .mom{height:52%}.center-container .professors .kukui{height:49.5%}.center-container .professors .joy{height:50%}.center-container .professors .dawn{height:47.5%}.center-container .professors .brock{height:50%}}@media screen and (width<=750px){.navbar-container{height:calc(10vh + 50px)}.navbar-row{flex-direction:column;justify-content:center;align-items:center}.logo-container{width:30%}.logo{width:100%}.navbar-links{justify-content:center;width:100%}.center-container .professors{height:100%}.center-container .professors .home-container{width:60%}.center-container .professors.wtp-container{width:100%}.center-container-2{margin:400px 20vw 0}.grid-btn-container{grid-template-columns:repeat(1,minmax(200px,1fr));gap:20px;width:100%;display:grid}}@media screen and (width<=550px){.center-container{width:85vw;margin:0 7.5vw}.center-container .nav-btn:hover{color:#fff}.center-container .nav-btn:hover span{display:inline}.center-container .professors .oak{height:40%}.center-container .professors .juniper{height:38.8%}.center-container .professors .mom{height:41.6%}.center-container .professors .kukui{height:39.6%}.center-container .professors .joy{height:40%}.center-container .professors .dawn{height:38%}.center-container .professors .brock{height:40%}.center-container .professors .home-container{width:40%}.center-container .professors .home-container .home-text-container h1{font-size:20px}.center-container .professors .home-container .home-text-container p{font-size:18px}.center-container .professors .home-container .home-text-container .dialogue{height:5vh}.center-container .professors .home-container .home-text-container .name-input-container input{padding:5px;font-size:18px}.center-container .professors .pkmn-holder{height:50%}.center-container .professors .pkmn-holder .wtp-pokemon{filter:brightness(0)invert();height:100%}.center-container .professors.wtp-container{width:100%}.home-btn,.mode-btn{font-size:18px}.center-container-2 .home-text-container h1{font-size:20px;font-weight:400}.center-container-2 .home-text-container p{font-size:18px}}@media screen and (width<=450px){.logo-container{width:50%}.center-container{width:90vw}.center-container .professors{gap:10px}.center-container .professors .oak{height:30%}.center-container .professors .juniper{height:29.1%}.center-container .professors .mom{height:31.2%}.center-container .professors .kukui{height:29.7%}.center-container .professors .joy{height:30%}.center-container .professors .dawn{height:28.5%}.center-container .professors .brock{height:30%}.center-container .professors .home-container{width:60%}.center-container .professors.wtp-container{width:100%}}@media screen and (width<=370px){.navbar-container{height:calc(10vh + 75px)}.navbar-links{flex-wrap:wrap;justify-content:center;display:flex}.nav-btn:hover span{display:none}.pokedex-container .card-container{width:80%}}