@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Outfit:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{color:#fff;font-family:Outfit,Helvetica,Arial,sans-serif;margin:0}:root{background:linear-gradient(140deg,#111827,#1f2937,#4c1d95);scroll-behavior:smooth}html{min-height:100dvh}main{display:flex;flex-direction:row}section{width:75vw}aside{display:flex;flex-direction:column;gap:10px;max-height:100dvh;overflow-y:scroll;padding:0 10px 0 0;position:-webkit-sticky;position:sticky;top:0;width:25vw}aside div{background-color:#ffffff10;border-radius:10px;padding:10px}aside div:first-of-type{margin-top:10px}aside div:last-of-type{margin-bottom:10px}aside div.pokemon-aside{align-items:center;display:flex;gap:10px}aside div.pokemon-aside span{min-width:50px}.container{overflow-y:scroll;scrollbar-width:none}section{display:flex;flex-direction:column;min-height:100vh}#pokemon-selection-container{align-content:center;display:flex;gap:50px;justify-content:center}#pokemon-selection-container>div{align-content:center;display:flex;flex-direction:column;gap:25px;justify-content:center}#pokemon-selection-container img{max-height:400px;max-width:400px}#pokemon-selection-container .name{align-items:start;display:flex;flex-direction:column;gap:5px;justify-content:center}#pokemon-selection-container .pokemon-name{font-size:2rem}h1{padding:25px 50px;text-align:center}div.modes,p.description{margin-bottom:25px;padding:0 100px}div.modes .links{display:flex;flex-wrap:wrap;gap:10px}div.modes h2{margin-bottom:10px}.links a{background-color:#ffffff10;border-radius:10px;padding:5px 10px;text-decoration:none;transition:.1s ease-in-out}.links a:hover{background-color:#ffffff50}.pokemon-aside span:has(img){position:relative}.pokemon-aside img{max-width:30px;position:absolute;top:-15px}#pokemon-selection-container img{cursor:pointer;transform:scale(100%);transition:.2s ease-in-out}#pokemon-selection-container img:hover{filter:drop-shadow(5px 5px 5px #ffffff50);transform:scale(102%)}.red{color:red}div p{margin:0 0 15px}.links a.current{background-color:#ffffff50}@media screen and (max-width:1200px){main{display:flex;flex-direction:column}aside,section{width:100%}aside{display:flex;flex-direction:column;gap:10px;max-height:none;overflow-y:scroll;padding:0 10px 0 0}aside div{margin:0 100px 10px}aside p{margin:0 100px}}@media screen and (max-width:900px){#pokemon-selection-container img{max-height:200px;max-width:200px}aside div{margin:0 5vw}div.modes{padding:0 5vw}h1{padding:25px 5vw;text-align:center}p.description{padding:0 5vw}aside>p{margin:0 5vw}}@media screen and (max-width:500px){#pokemon-selection-container{align-items:center;flex-direction:column;gap:10px;justify-content:center}#pokemon-selection-container .pokemon-name{font-size:1rem}}main>section>aside{display:none}@media screen and (max-width:1200px){main>section>aside{display:inline;position:relative}main>aside{display:none}}
/*# sourceMappingURL=main.f471e1a2.css.map*/