@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
    
   --fonte-Dancing: "Dancing Script";
}


body{
    padding: 1%;
    box-sizing: border-box;
    background-color: #CED4DA;
}

.cabecalho{
    font-family:"Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9em;
    color:#0A3871;
}

.conteudo{
    padding: 1.5%;
    display: flex;
    justify-content: space-between;
    font-family:"Inter", sans-serif;
}

.conteudo__texto-cripto{
    padding: 5% 5% 5% 7%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

textarea{
    resize: none;
    border: none;
    background-color: #CED4DA;
    font-family:"Inter", sans-serif;
    font-weight: 400;
    font-size: 2em;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
}

textarea:focus{
    box-shadow: 0 0 0 0;
    border: none;
    outline: none;
}

.conteudo__texto-cripto__regras{
    display: flex;
    align-items: center;
    gap: 5px;
}

.conteudo__texto-cripto__regras__texto{
    font-weight: 300;
    font-size: 0.7em;
}

.conteudo__texto-cripto__botoes{
    display: flex;
    gap: 24px;
    padding: 2% 0% 0% 0%;
}

.conteudo__texto-cripto__botao-cripto, .conteudo__texto-cripto__botao-decripto{
    font-family:"Inter", sans-serif;
    font-weight: 400;
    font-size: 1em;
    width: 328px;
    height: auto;
    padding: 2.5% 0% 2.5% 0%;
    background-color: #0A3871;
    color: white;
    border: 2px solid #0A3871;
    border-radius: 24px;
}

.conteudo__texto-cripto__botao-cripto:hover, .conteudo__texto-cripto__botao-decripto:hover, .conteudo__container-texto-decripto__botao:hover{
    background-color: #3a3939;
    border: 2px solid #393a39;
    cursor: pointer;
}

.conteudo__texto-cripto__botao-cripto:disabled, .conteudo__texto-cripto__botao-decripto:disabled{
    background-color: #CED4DA;
    border: 2px solid #0A3871;
    color: #0A3871;
    cursor: default;
}

.conteudo__container-texto-decripto{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0% 2% 0% 2%;
    gap: 20px;
    width: 20%;
    height: 575px;
    border-radius: 32px;
    text-align: center;
    background-color:#FFFFFF;
    box-shadow: 1px 1px 1px #3a3939;
}

.conteudo__container-texto-decripto:hover{
    border: 0px
    
}

.imagem-procurando{
    display: "";
}

.conteudo__container-texto-decripto__texto-1{
    display: "";
    padding: 20% 0% 2% 0%;
    font-size: 1em;
}

.conteudo__container-texto-decripto__texto-2{
    display: "";
    font-size: 0.8em;
}

.conteudo__container-texto-decripto__texto-3{
    display: "";
    font-size: 1.2em;
    text-align: left;
    height: 80%;
    border: none;
    background-color:#FFFFFF;
}

.conteudo__container-texto-decripto__botao{
    display: "";
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 1em;
    width: auto;
    height: auto;
    padding: 4% 0% 4% 0%;
    background-color:#0A3871;
    color: #f5f6f8;
    border: 1px solid #0A3871;
    border-radius: 24px;
    cursor: pointer;
}

.rodape{
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
}


.rodape__link-dev{
    text-decoration: none;
    font-family: "Dancing Script", cursive;
    font-size: 1.5em;
    color: black;
}

.rodape__link-dev:hover{
    color: #0A3871;
}