@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
body{
    background: rgb(217, 153, 153);
 
}

input{
    background: rgb(217, 153, 153);
    border-radius: .50em;
}

option{
    background: rgb(217, 153, 153);
 
}

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu #elemento{
    float: left; 
}

#menu #submenu{
    float: left; 
}

#menu a{
    color:rgb(45, 23, 23);
    text-decoration: none;
    display: block;
    font-family: 'Oswald', sans-serif;
    padding: 5px 5px;
    font-size: 14px;    
}

#encabezado{
    color:rgb(62, 16, 246);
    text-decoration: none;
    display: block;
    font-family: 'Oswald', sans-serif;
    padding: 5px 5px;
    font-size: 14px;    
}
#menu{
    background: rgba(243,226,199,1);
    background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 30%, rgba(182,141,76,1) 72%, rgba(233,212,179,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,1)), color-stop(30%, rgba(193,158,103,1)), color-stop(72%, rgba(182,141,76,1)), color-stop(100%, rgba(233,212,179,1)));
    background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 30%, rgba(182,141,76,1) 72%, rgba(233,212,179,1) 100%);
    background: -o-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 30%, rgba(182,141,76,1) 72%, rgba(233,212,179,1) 100%);
    background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 30%, rgba(182,141,76,1) 72%, rgba(233,212,179,1) 100%);
    background: linear-gradient(to bottom, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 30%, rgba(182,141,76,1) 72%, rgba(233,212,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 );
    width:1200px;
    height:25px;
}

.barra{
    color: rgb(14, 10, 97);
    padding: 10px 0 0 0;
}

#menu a:hover{
    color: black;
    color: rgba(211, 20, 20,1);
    background-color: black; 
    background-color: rgba(52, 36, 36,0.2);
    animation: 1s ms 1;
}

#menu #submenu{
    display: none;
}

#menu #elemento:hover #submenu{
    display: block;
}


select {
  display: flex;
  width: 13em;
  height: 2em;
  border-radius: .50em;
  overflow: hidden;
  background: rgb(217, 153, 153);
}


    


@keyframes ms {
    0%{
        opacity: 0;
        transform: scale(1.6);
    }
}


		
		
		.uno {
			background: rgb(242, 100, 23);
			text-align: center;
			border: 5px solid rgb(113, 236, 24);
			font-size: 20px;
		}
		.dos{
			align-self: center;
			background: green;			
			border: 5px solid red;
			font-size: 25px;
		}
		.tres{
			align-self: center;
			background:#D2F0CC;
			text-align: justify;
			border: 5px solid blue;
			font-size: 25px;
		}
		.cuatro{
			align-self: center;
			background:#797691;
			text-align: justify;
			border: 5px solid rgb(211, 11, 38);
			font-size: 25px;
			padding-right: 40px;
			padding-left: 40px;
		}