style.css

* {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
}


body {
    background-color: #FFF;
    text-indent: 15px;
    border: 5px solid black;
    background-color: rgb(173, 173, 228)
}


main {
    display: flex;
    margin-left: 80px;
    margin-bottom: 50px;
} 

.input-texto {
    margin-top: 50px;
    text-align: center;
    border: none;
    background-color: rgb(173, 173, 228)
}

.mensaje {
    position: relative;
    margin-top: 0px;
    margin-left: 90px;
    background-image: url("Muneco.png");
    border: none;
    background-repeat: no-repeat;
    background-position: 18px;
    background-size: 300px;
    background-color: rgb(173, 173, 228)
}
.mensaje-box{
    margin-top: -20%;
}
.imagen{
    visibility: collapse;
}

.copiar {
    position: relative;
    margin-top: 20px;
    margin-left: 205px;
    border-radius: 45px;
}

.botones {
    display: flex;
    flex-direction: row;
    margin-top: -20px;
    
    
}

.encriptar {
    background-color: darkblue;
    color:white;
    margin-left: 150px;
    border-radius: 25px;
    
    
}
.desencriptar {
    margin-left: 100px;
    border-radius: 25px;
}

.informacion {
    font-size: 15px;
}
h6{
    text-align: center;
    margin-top: 5px;
}
header{
    text-align:left;
    
    text-indent: 0%;
    padding: 1px;
    margin-bottom: 5px;
    box-sizing: content-box;
    line-height: 50px;
    text-transform: uppercase;
}
h2{
    
    text-align: center;
    text-indent: 0%;
    text-orientation: upright;
    margin-top: 0px;
    
}
footer{
    text-align: center;
}