@import"https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&display=swap";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}table,tbody,tfoot,tr,th,td,sup{margin:0;padding:0;border:0;outline:0;font-size:100%;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}h1{color:#fff;margin-bottom:calc(15px*2)}h1 img{margin:calc(15px*2);max-width:80%}#start-screen{background:linear-gradient(to bottom, #3C5BC5, #1D2C5F);flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.start{margin:0 auto;max-width:350px;margin-bottom:calc(15px*4)}#start-btn{appearance:"none";-moz-appearance:"none";-webkit-appearance:"none";background:none;border:0 none;background:url("../img/pokeball.svg") no-repeat center center;background-size:100% auto;cursor:pointer;padding-top:90%;text-indent:-9999px;width:90%;max-width:200px}#animation-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0);pointer-events:none;overflow:hidden}#animation-screen.hidden{display:none}.pokeball-top,.pokeball-bottom{height:50%;position:absolute;width:100%}.pokeball-center{-webkit-transform:translate(-50%, 50%);-moz-transform:translate(-50%, 50%);-o-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%);background:url("../img/center-pokeball.svg") no-repeat center center;background-size:100% 100%;bottom:0;left:50%;padding-top:38%;position:absolute;width:100%}.pokeball-top{background:#ac5de3;z-index:2}.pokeball-bottom{background:#2ed92e;z-index:1}.pokeball-top{animation:top-drop 1.5s ease-in-out forwards}.pokeball-bottom{animation:bottom-drop 1.5s ease-in-out forwards}@keyframes top-drop{0%{top:-50%}50%{top:0}100%{top:-50%}}@keyframes bottom-drop{0%{top:100%}50%{top:50%}100%{top:100%}}#game-screen{flex-direction:column;align-items:center;justify-content:start;min-height:100vh;padding-top:15px;text-align:center;color:#fff}#game-screen h2{font-family:"Jaldi",sans-serif;font-size:32px;font-weight:700;margin:calc(15px*2)}#game-screen p{margin:calc(15px*2)}#pokemon-img{margin:0 auto;width:85%;height:auto;object-fit:contain}.buttons-center{margin:20px 0}.buttons-bottom{align-items:center;display:flex;column-gap:15px;grid-row-gap:15px;justify-content:space-between;margin:0 15px;width:calc(100% - 15px*2)}#next-btn{appearance:"none";-moz-appearance:"none";-webkit-appearance:"none";background:none;border:0 none;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:url("../img/pokeball.svg") no-repeat center center;background-size:100% auto;-webkit-border-radius:50%;border-radius:50%;bottom:calc(15px*2);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.5);box-shadow:0 0 20px 0 rgba(0,0,0,.5);cursor:pointer;left:50%;height:0;padding-top:60px;position:absolute;text-indent:-9999px;width:60px}#list-btn{appearance:"none";-moz-appearance:"none";-webkit-appearance:"none";background:none;border:0 none;background:url("../img/pikachu.svg") no-repeat center center;background-size:70% auto;border:1px solid #1d2c5f;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;height:0;padding-top:40px;text-indent:-9999px;width:40px}#end-btn{appearance:"none";-moz-appearance:"none";-webkit-appearance:"none";background:none;border:0 none;background:url("../img/arrow.svg") no-repeat center center;background-size:100% auto;cursor:pointer;height:0;padding-top:30px;text-indent:-9999px;width:45px}body,html{color:#fff;margin:0;padding:0;font-family:"Jaldi",sans-serif;font-weight:400;font-size:20px;height:100%;width:100%}.hidden{display:none}.content{margin:0 auto;max-width:550px}#drawn-list{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);position:fixed;top:calc(15px*2);left:50%;background:#fff;color:#000;border-radius:10px;padding:20px;max-height:80%;overflow-y:auto;z-index:200;width:80%;text-align:center}#drawn-list h2{color:#1d2c5f;font-family:"Jaldi",sans-serif;font-size:32px;font-weight:700;margin-bottom:calc(15px*2)}#drawn-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#drawn-container img{width:80px;height:80px;object-fit:contain}#close-list{appearance:"none";-moz-appearance:"none";-webkit-appearance:"none";background:none;border:0 none;background:url("../img/close.svg") no-repeat center center;background-size:55% auto;border:2px solid #1d2c5f;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;height:0;padding-top:40px;text-indent:-9999px;width:44px;margin-top:calc(15px*2)}