#filter-buttons,.counter,.pokemon-card,.pokemon-info{text-align:center}:root{--attachment:fixed;--degrees:115deg;--colorStop-1:50%;--colorStop-2:calc(var(--colorStop-1) + 10vh)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{font-family:"Noto Sans KR",sans-serif;background-color:#fff;color:#000;min-height:100vh;overflow:hidden;position:relative}.circle{position:absolute;left:50%;top:50%;width:50px;height:50px;background:#fe4d3e;border-radius:50%;z-index:3;transform:translate(-50%,-50%) scaleY(0);animation:.5s forwards appear,.8s .5s forwards stretch,1s 1.3s forwards rotate,1s 2.7s forwards fadeOut}.line-left,.line-right{position:absolute;top:0;width:0%;height:200%;margin-top:-20%;opacity:0;transform:rotate(25deg);transform-origin:center center;animation:1s 1.8s forwards fadeIn,1s 2.7s forwards fadeOut}.line-left{right:50%;z-index:1;background:#eee}.line-right{z-index:2;left:50%;background:#fa7246}@keyframes appear{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes stretch{from{height:50px;border-radius:50%}to{height:150%;width:100px;border-radius:0}}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(25deg);z-index:-100}}@keyframes fadeIn{from{opacity:0;z-index:-101;width:0%}to{opacity:1;z-index:-101;width:60%}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.header{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(115deg,rgba(50 0 0 / .15) var(--colorStop-1),rgb(53 53 53) var(--colorStop-1));background-attachment:var(--attachment);margin-top:10px;height:50px}.header h1{font-size:2rem;padding-left:1rem;color:#fff}.header p{font-size:1.5rem;padding-right:5%;color:#fff}.pokedex-container{display:inline-flex;justify-content:flex-end;align-items:flex-start;height:calc(100vh - 150px);padding:20px;gap:20px;width:100%;margin:auto}.pokemon-details,.pokemon-list{backdrop-filter:blur(5px);border-radius:10px;width:50%;position:relative;height:100%}.pokemon-details{background-color:transparent;padding:10px;overflow-y:auto;left:-50%;animation:2s 3s forwards slideleft}.pokemon-list{background-color:transparent;padding:10px;overflow-y:auto;right:-50%;animation:2s 3s forwards slideright}@keyframes slidebottom{100%{bottom:0;opacity:1}}@keyframes slideleft{100%{left:0;opacity:1}}@keyframes slideright{100%{right:0;opacity:1}}.pokemon-details img{max-width:100%;max-height:200px;object-fit:contain}.pokemon-info{margin-top:20px}.pokemon-entry{display:flex;align-items:center;gap:10px;padding:8px;border-radius:5px;margin-bottom:5px;transition:background-color .3s;overflow:hidden}.pokemon-entry:hover img{transform:scale(1.5)}.pokemon-entry.uncaught{opacity:.5;cursor:not-allowed}.pokemon-entry .grayscale{filter:grayscale(100%) brightness(.6)}.pokemon-entry.selected{background-color:rgba(0,0,0,.5)}.pokemon-entry:hover{background-color:rgba(0,0,0,.3);cursor:pointer}.pokemon-entry img{width:30px;height:30px;transition:filter .3s}.pokemon-number{font-weight:700;min-width:60px}.pokemon-name{flex-grow:1;font-weight:900;font-size:12px}.counter{display:inline-flex;justify-content:center;align-items:center;flex-direction:row;padding:0 15px;border-radius:15px;color:#fff;width:700px}.counter p{font-size:16px}.counter p img,.type-icon{margin:5px;width:30px;height:30px}#filter-buttons{margin-bottom:10px;position:relative;bottom:-50%;animation:2s 3s forwards slidebottom}#filter-buttons button{margin:2px;padding:5px;background-color:#fc0;border:none;border-radius:5px;cursor:pointer;font-weight:700}#filter-buttons button:hover{background-color:#fa0}.pokemon-card{border:2px solid #333;padding:10px;margin:10px;border-radius:10px;background-color:#f8f8f8}.pokemon-card img{width:80px;height:auto}.counter2{position:relative}.star,main{position:absolute}.star{width:5px;height:5px;color:#ff0;opacity:.8;font-size:20px;animation:1s infinite twinkle}.nav-button,.navigation{display:flex;color:#fff}@keyframes twinkle{0%,100%{opacity:.8}50%{opacity:0}}.navigation{position:fixed;bottom:0;left:0;right:0;background-color:#333;padding:10px;justify-content:space-around;font-size:12px}.nav-button{align-items:center;gap:5px;text-decoration:none}main{z-index:-100000;background:0 0;width:100%;height:100%;animation:.5s 2.5s forwards fadeIn2;opacity:0;background-image:linear-gradient(var(--degrees),transparent 47%,#fe4d3e 47% calc(47% + 13vh),#fa7246 calc(47% + 12vh)),radial-gradient(circle at 20% 70%,rgb(239 208 234 / .9),rgb(234 201 242 / .6),rgb(231 238 197 / .6),rgb(205 240 219 / .6),rgb(231 237 245 / .6))}@keyframes fadeIn2{from{opacity:0;z-index:-100000}to{opacity:1;z-index:100000}}@media (orientation:landscape){.header,.pokedex-container{display:flex;flex-direction:row;gap:20px}.navigation{font-size:16px}.filter-buttons button{font-size:12px}}@media (orientation:portrait){.header,.pokemon-entry,.pokemon-name{font-size:12px}.header,.pokedex-container{display:block;padding:0;gap:0}.pokedex-container{height:70%;margin-bottom:0}.header{margin-top:20px;height:65px}.pokemon-details,.pokemon-list{width:100%;max-height:50%}.pokemon-entry{padding:4px}.filter-buttons button,.navigation{font-size:10px}.counter{justify-content:left}.header p{padding:10px}.pokemon-entry img{width:20px;height:20px;transition:filter .3s}.counter p img{margin:2px;width:15px;height:15px}}