/* Tentando arrumar proproção
  proporção é 10:7(1000x700) */

body{
    min-height: 100vh;
    min-width: 100vw;
}

main{
    min-height: 100vh;
    min-width: 100vw;
}

main::before{
    width: 100%;
    height: 100%;
}

main::after{
    width: 100%;
    height: 100%;   
}

span{   
    padding:5px;
    font-size:21px;
}

.cartao-pokemon{
    width: 300px;
    height: 450px;
    margin: 15px;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
    border-radius: 7.5px;
    backdrop-filter: blur(5px);
}

.cartao-pokemon .cartao-topo1,.cartao-topo2,.cartao-topo3,.cartao-topo4{
    padding: 15px 20px;
}

.cartao-pokemon .nome{
    font-size: 22.5px;
    margin: -5px;
    margin-bottom: 2.5px;
    opacity:0.8;
    border-radius: 5px;
    padding: 1px 5px;
}
.cartao-pokemon .tipo1,.tipo2,.tipo3,.tipo4{
    font-size: 10px;
    border-radius: 5px;
    padding: 1px 5px;
}


.cartao-imagem img{
    width: 100%;
    margin-left: 10px;
}

.cartao-pokemon .info{
    padding: 25px 15px 25px;
    margin-top:-25px;
    border-bottom-left-radius: 4px;
}

.info .status{
    font-size:12.5px;
    margin-left:5px;
}
h3{
    font-size:17.5px; 
}
li{
    font-size:10px; 
}

.status .skills{
    font-size:12.5px;
    margin-left:5px;
    margin-block-start: 0.42em;        
    margin-block-end: 0.42em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.skills .evoluir {
    padding: 0.3em 1em;
    border-radius: 5px;
    width: 100px;
    height: 25px;
}