html{
    background-color: transparent;
    scroll-behavior: smooth;
}
@keyframes div {
    0% {background-color: rgb(137, 214, 208);}
    25% {background-color: rgb(66, 163, 131);}
    50%{ background-color: rgb(75, 126, 128) ;}
    75%{ background-color: rgb(77, 87, 94);}
    100%{background-color: rgb(60, 60, 63);}
}
div{
    animation-name: div;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background-color: rgb(0, 0, 0);
    border: 4px double rgb(70, 33, 33);
    border-radius: 2rem;
    margin: 5%;
}
label{
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
}
form{
    background-color: rgb(218, 238, 238);
    border-radius: 2rem;
    max-width: fit-content;
    padding: 20px;
    margin-bottom: 20px;
}
.cont{
    color: rgb(4, 0, 255);
    background-color: rgba(162, 154, 168, 0.836) ;
    border-radius: 1rem;
    padding: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: fit-content;
    text-align: center;
    border-color:rgb(0, 255, 200);
    font-size: 1.65rem;
    font-family: 'Times New Roman', Times, serif;
    
}
.goback{
    font-size: 0.9rem;
    color: rgb(29, 17, 17);
    text-align: center;
}
a{
    text-decoration: none;
} 
.button{
    background-color: rgb(235, 161, 101);
    border-radius: 1.5rem;
}
input{
    border: 0px ;
    border-bottom: 2px solid black;
    background-color: transparent;
    min-width: 2rem;
    max-width: fit-content;
}