@charset "UTF-8";:root{--height-inputAndButton: 30px}#search-main{display:flex;height:100vh;background-color:var(--color-darkgray)}#search-container{display:flex;flex-direction:column;width:90%;height:auto;margin:5px auto;padding-top:10px;border-radius:20px;align-items:center;background-color:var(--color-darkred)}#search-container form{display:flex;overflow:hidden;border-radius:10px;width:90%}#search-container input[type=text]{padding-left:5px;height:var(--height-inputAndButton);font-size:15px;width:90%}#search-container button[type=submit]{font-size:1em;color:#fff;background-color:var(--color-darkturquesa);border:none;height:var(--height-inputAndButton);width:50px;cursor:pointer}#search-container button[type=submit]:hover{background-color:#1e694b}.search-form{display:flex;flex-direction:column;align-items:center}.error-container{margin:5px 5px 0;font-size:16px;color:#fff;font-weight:700;background-color:var(--color-red);padding:5px;border:2px solid black;border-radius:20px}.search_button{width:75%;height:35px;font-size:1.2em;margin:5px 0;border-radius:15px;background-color:var(--color-red);border:2px solid black;color:#fff;font-weight:700}.search_button:hover{cursor:pointer;background-color:#db353e}.previous,.next{background-color:transparent;border:none;color:var(--color-darkturquesa);font-size:5em}.previous,.next:hover{cursor:pointer;color:#1e694b}@font-face{font-family:pokemon;src:url(/Pokemon%20Solid.ttf)}#main-card-pokemon{height:70vh;background-color:var(--color-darkred);display:grid;grid-template-rows:1fr 200px;border-radius:25px}.componente-image{display:flex;flex-direction:column;align-items:center}#card-pokemon{display:flex;flex-direction:column;height:95%;width:90%;margin:10px auto;background-color:var(--color-red);border-radius:20px;align-items:center}#card-pokemon h1{font-family:pokemon;font-size:2.5em;color:#fff;text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black,0px 0px 2px black}.img-pokemon-container{display:flex;position:relative;background-color:#edd3a3;width:400px;height:200px;align-items:center;justify-content:center;margin-top:5px;border-radius:15px;overflow:hidden}.img-pokemon-container:before{position:absolute;content:"";z-index:0;background-color:#f4e3c2;width:175px;height:175px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.img-pokemon-container img{position:relative;z-index:1;width:150px;height:150px;object-fit:contain}#body-pokemon{display:flex;flex-direction:column;width:90%;gap:5px}.component-form{display:flex;flex-direction:column;gap:5px}#content-type,#content-abilities{display:flex;align-items:center;background-color:var(--color-darkgray);color:#fff;width:100%;font-size:20px;height:25px;font-weight:700;padding:20px 10px;border-radius:15px;gap:10px}#content-abilities select{background-color:var(--color-darkgray);color:#fff;border:none;font-size:20px;font-weight:700}#content-type,.type{display:flex;gap:5px}#buttons-actions{display:flex;justify-content:space-between;gap:5px}#buttons-actions button{width:30%;height:40px;border:2px solid black;border-radius:20px;background-color:var(--color-darkturquesa);color:#fff;font-size:20px;font-weight:700;cursor:pointer}#buttons-actions button:hover{background-color:#1e694b}#log{display:flex;background-color:var(--color-darkred);gap:5px;flex-direction:column;width:90%;height:100%;margin:0 auto;color:#fff}#log h1{font-family:Arial,Helvetica,sans-serif;text-shadow:none}.content-menssage{display:flex;gap:10px}#log .hour-action{font-weight:700}@media screen and (max-height: 800px){#main-card-pokemon{height:auto;grid-template-rows:auto auto}.img-pokemon-container{width:300px;height:160px}.img-pokemon-container img{width:120px;height:120px}#card-pokemon h1{font-size:2em}#buttons-actions button{height:35px;font-size:16px}#log{font-size:12px;height:auto}}:root{--size: 180px}#main-card{width:95%;height:80%;background-color:var(--color-darkred);display:grid;grid-template-columns:230px 1fr;margin:20px auto 0;border:4px solid black;border-radius:30px}.img-container{width:100%;height:100%;border-radius:25px;border-top:var(--border-img-container);border-bottom:var(--border-img-container);border-right:4px solid black;border-left:var(--border-img-container);background-color:var(--color-red);overflow:hidden}.img-container img{display:block;width:var(--size);height:var(--size);border-radius:50%;background-color:#edd3a3;margin:10px auto 0;border:2px solid black}:root{--color-darkred: #b0171c;--color-darkgray: #1e1e1e;--color-red: #da1e27;--color-darkturquesa: #0f4c34}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}#grid-main{width:100vw;height:100vh;display:grid;grid-template-columns:280px 1fr;background-color:#fff}#main-content{display:flex;flex-direction:column;height:100vh;align-items:center;background-color:var(--color-darkred)}#next_pokemon{display:block;margin:40px auto;width:400px;height:45px;background-color:var(--color-darkturquesa);border:4px solid black;border-radius:20px;cursor:pointer;font-size:24px;font-weight:700;color:#fff}#next_pokemon:hover{background-color:#1e694b}