/*Geral*/

body{background: aliceblue;}


.texto{background-color: white;
padding: 25px;
border-bottom: solid darkorange 5px;}

h3{font-size: 25px;
    margin-bottom: 15px ;
text-align: center;
color: #111;
font-weight: 700;

}

h4{font-size: 20px;
margin-left: 30px ;

padding: 0 0 20px 0;
color: #000;}

#titulo{color: #000;font-weight: 500;}
p{color: darkorange;}

/*Centro*/

.imgprev{width: 350px;
    border-top-left-radius: 25px;}

ul p{color: #000;
width: 300px;
padding: 15px 10px 15px 10px;
text-align: center;
font-size: 20px;
margin-bottom: 30px;}

ul{background-color: #ddd;
    border-top-left-radius: 50px;
    transition: 0.5s all;
    box-shadow: 1px 1px 5px black;
}

ul:hover{transform: scale(1.05);
border-radius: 50px;}

.sides{display: flex;}

main{display: flex;
    justify-content: space-evenly;
    margin:20px 0 ;}

h2{color: #111;
font-weight: bold;
font-size: 50px;
vertical-align:middle;
width: 10%;
margin: 15px 30px; }   

span{color:orangered;}

footer{margin-top: 3em;}

.previmg{margin: auto 0 auto 5px;
border: solid #333 2px;}





article{display: flex;
    justify-content: center;
margin:40px 0 20px 0}

article h5{font-size: 18px;
margin: 0 10px;}

#cor{color: darkorange}

article h5:hover{cursor: pointer;
background-color: lightblue;
padding: 0 3px;}
        
article a{color: #111;}