body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background: #3caaf4
}

.card{

    background:white;
    padding:40px;

    width:90%;
    max-width:400px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,0.2);

}

h1{
    margin-bottom:20px;
}

.btnClima{

    background:#3498db;
    color:white;

    border:none;

    padding:10px 20px;

    border-radius:8px;

    cursor:pointer;

    font-size:16px;

}

.btnClima:hover{
    background:#2980b9;
}

.info{
    margin-top:20px;
}

.roupaCard{

    margin-top:25px;

}

#imagemRoupa{

    width:150px;
    margin-top:10px;

}

.btnCompra{

    margin-top:15px;

    background:#27ae60;

    color:white;

    border:none;

    padding:10px 20px;

    border-radius:8px;

    cursor:pointer;

    display:inline-block;

}

.btnCompra:hover{

    background:#1e8449;

}

#linkShopee{
    display:none;
}

@media (max-width:600px){

header h1{
    font-size:32px;
}

header p{
    font-size:16px;
}

.card{
    padding:30px;
}

#imagemRoupa{
    width:130px;
}

.btnClima{
    font-size:18px;
    padding:12px 25px;
}

}