@charset "utf-8";
/* CSS Document */
#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    justify-content: center;
   outline-color: gray;
}
nav{
    background-color: gray;
}
ul{
    display: flex;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    justify-content: space-around;

}
li{
    padding:15px;
    margin-left: 5px;
    margin-right: 5px;
    outline-color: gray;
    outline-width: 2px;
    color: cyan;   
}
li:hover{
    background-color: white;
    color: black;
}

.vertical {
  padding:3px;
  
  background-color:white;
  width:300px;
  height:400px;
}
.youtube {
   
    background-color:white;
    width:300px;
    height:196px;
}
article {
    justify-content: center;
}