styles.css

body{
    background: url(Imagenes/FondoWeb\ \(5\).jpg);
}
main{ 
    display: flex;
    margin-left: 80px;
    margin-bottom: 50px;
}
.Encriptar , .Desencriptar, .CopiarMensaje{
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: #0A3871;
    background: white;
    box-shadow: 10px 10px 30px 15px white;
    border: none;
    border-radius: 5px;
    transition: 1s all;
    cursor: pointer;
}
.Encriptar:hover{
    background: linear-gradient(white, #888888);
    font-weight: bold;
    color: #0A3871;
    transform: scale(1.2);
}
.Desencriptar:hover{
    background: linear-gradient(white, #888888);
    font-weight: bold;
    color: #0A3871;
    transform: scale(1.2);
} 
.CopiarMensaje:hover{
    background: linear-gradient(white, #888888);
    font-weight: bold;
    color: #0A3871;
    transform: scale(1.2);
}
.IngreseTexto{
    font-size: 18px;
    font-weight: bold;
    color: black;
    opacity: 0.5;
}
.MensajeIngresado{
    font-size: 18px;
    font-weight: bold;
    color: black;
    opacity: 0.5;
}
.Informacion{
    display: inline;
    font-size: 18px;
    color: white;
}
footer{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: white;

}