#Copia{
    display:none;
}
#unos{
    display:none;
}

body{
    position: relative;
    width: 1440px;
    height: 1000px;
    
    background: #F3F5FC;
    
}
.vector{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    
    position: absolute;
    width: 120px;
    height: 48px;
    left: 40px;
    top: 40px;
    width: 120px;
    height: 48px;


/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
}
.main{
    display:flex;
    flex-wrap:wrap;
    gap: 1rem;
    

}
.Encrip_containes{
    display:flex;
}
.Ingreso_datos{   
    position: absolute;
    resize: none;
    width: 577px;
    height: 500px;
    left: 240px;
    top: 168px;
    border: none;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
    color: #0A3871;
    background: #F3F5FC;



}

.resultado{
    
        
    position: absolute;
    width: 400px;
    height: 944px;
    left: 1000px;
    top: 40px;

  

    background: #FFFFFF;
  

    box-shadow: 0px 24px 32px -8px rgba(0, 0, 0, 0.08);
    border-radius: 32px;
}
.encriptar_bt{

    width: 280px;
    height: 19px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    
    width: 328px;
    height: 67px;

    background: #0A3871;
    border-radius: 24px; 
}
.desencriptar_bt{
    width: 280px;
    height: 19px;
    box-sizing: border-box;
    
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;

    


    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    gap: 8px;

    width: 328px;
    height: 67px;

  

    background: #D8DFE8;
   

    border: 1px solid #0A3871;
    border-radius: 24px;

    flex: none;
    order: 0;
    flex-grow: 1;
}
.Botones{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;

    position: absolute;
    width: 680px;
    height: 67px;
    left: 240px;
    top: 885px;

}

.Texto_respuesta{
   
    position: absolute;
    resize: none;
    border: 0;
    height: 781px;
    width: 336px;
    left: 1032px;
    top: 72px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    

    color: #495057;

    
}
.Copia_bt{

    width: 288px;
    height: 19px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    gap: 8px;

    position: absolute;
    width: 336px;
    height: 67px;
    left: 1032px;
    top: 885px;

    border: 1px solid #0A3871;
    border-radius: 24px;
    color: #0A3871;

    flex: none;
    order: 0;
    flex-grow: 1;

  
}
.muñeco{
    position: absolute;
    width: 336px;
    height: 304px;
    left: 1032px;
    top: 283px;
}
.mensaje_inicial{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    position: absolute;
    width: 336px;
    height: 122px;
    left: 1032px;
    top: 619px;
}
.mensaje1{
    width: 336px;
    height: 58px;
    border: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #343A40;

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}
.mensaje2{
    width: 336px;
    height: 48px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
  
    border: 0;
    text-align: center;


    color: #495057;

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}