body{
    background-color: blue;
    background-size: auto;
    color:yellow;
    margin: auto; 
    padding: auto;
    width: 800px;
    text-align: justify;
}   
input[type="eso"]{
    background: rgba(238, 130, 238, 0.705);
    color:black;
    width: 12%;
    height: 40px;
    cursor: pointer;
    align-content: center;
    text-align: center;
    font-size: 21px;
    font-weight: bold;   
}
input[type="eso"]:hover{
    background: yellow;
    transition: 3s;
} 
   
input[type="bachillerato"]{
    background: rgba(238, 130, 238, 0.705);
    color:black;
    width: 22%;
    height: 40px;
    cursor: pointer;
    align-content: center;
    text-align: center; 
    font-size: 21px;
    font-weight: bold;   
}
input[type="bachillerato"]:hover{
    background: yellow;
    transition: 3s;
} 
input[type="ciclos"]{
    background: rgba(238, 130, 238, 0.705);
    color:black;
    width: 34%;
    height: 40px;
    cursor: pointer;
    align-content: center;
    text-align: center; 
    font-size: 21px;
    font-weight: bold;   
}
input[type="ciclos"]:hover{
    background: yellow;
    transition: 3s;
} 
input[type="basica"]{
    background: rgba(238, 130, 238, 0.705);
    color:black;
    width: 26%;
    height: 40px;
    cursor: pointer;
    align-content: center;
    text-align: center; 
    font-size: 21px;
    font-weight: bold;   
}
input[type="basica"]:hover{
    background: yellow;
    transition: 3s;
} 
a {color:yellow; 
}