*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body{
    background-color: rgb(15, 15, 197);
}
.container{
    background-color: rgb(32, 30, 30);
    width: min(500px,90%);
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    padding: 3em;
    border-radius: 10px;

}
.heading{
    margin-top: 60px;
    font-weight:400;

}
.heading h1{
    text-decoration: underline;
    text-shadow: 6px 2px 5px  ;
    animation: slideinleft 0.5s ease normal;
}
h1{
    text-align: center;
    color: aliceblue;
    font-weight: 500;

}
button{
    background-color: rgb(43, 43, 188);
    display: block;
    margin: 2em auto;
    padding: 1em;
    color: white;
    border: none;
    outline: none;
    border-radius: 20px;
}
#otpdisplay{
    font-size: 15px;
    background-color: rgb(50, 49, 49);
    color: white;
    letter-spacing: 1em;
    text-align: center;
    padding: 1em 0;

}
@keyframes slideinleft {
    from{
        transform: translateX(-300px);
    }
    to{
        transform: translateX(0px);
    }
}