body{background-color: aliceblue;}

/*Centro*/

main{display: flex;
justify-content: space-evenly;
margin-top: 1em;
}

.anemia h2, .leucemia h2{color: darkorange;
font-size: 32px;
padding: 1em;
font-weight: bold;
font-style: italic;}

.anemia{
width: 45%;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



.anemia h6{color: #111;
font-size: 20px;
padding: 0 px;
text-align:start;}

.leucemia{
width: 45%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: 10px;
}


.leucemia h6{color: #111;
font-size: 20px;
padding: 0 0 15px 0;
text-align:start;}

/*Vídeo*/

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

.subtitulo h2{font-size: 28px;
    margin-top: 20px;
padding: 0.2em;
color: white;
background:  linear-gradient(45deg, darkorange 20%, red, darkorange 80%);
text-align: center;}

iframe{border: solid white 3px;
transition: 1s all;}

iframe:hover{transform: scale(1.1);}

section{display: flex;
justify-content: space-around;
margin: 30px 0;}

section p{color: #111;
    width: 45%;
    font-size: 25px;
    margin:  auto 0;
}

span{color: red;
font-weight: bold;
font-size: 27px;}

.junho{width: 45%;
box-shadow: 2px 2px 5px black;}

a{color: white;}

p{color: darkorange;}

.videos{background-color: #eee;
padding: 0 0 30px 0;}




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

ul li{font-size: 18px;
margin: 0 10px;}

#cor{color: darkorange}

ul li:hover{cursor: pointer;
background-color: lightblue;
padding: 0 3px;}

ul a{color: #111;}