.left{
    float:left;
}
.right{
    float:right;
}

.estética{
    color: orangered;
}
@media screen {
    .logo{
        width: 15%;
        height: 15%;
    }
    .gabinete{
        width:600px;
        height:800px;
    }
}
h1{
    font-size: 4em;
    text-align:center ;
    
}
p {color:brown;
    font-size: 30px;
}
html{background-color: ;}
 h2{
    color:orange;
    text-align:center;
}
p{
    text-align: center;
}
footer{
    text-align: right;
    float :right;
}
.man{
    width:50%;
    height:50%;
    
}
h3{
    font-size: 20px;
}