body{
    height: 100vh;
    background-color: rgb(24, 18, 43);
    font-family: 'Rajdhani', sans-serif;
}
@keyframes glow{
    from {box-shadow: 0px 0px 90px rgb(68, 60, 104);}
    to {box-shadow: 0px 0px 60px rgb(68, 60, 104);}
}
.container{
    background-color: rgb(57, 48, 83);
    padding: 23px;
    border-radius: 30%;
    height: 400px;
    width: 400px;
    animation-name: glow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.container span{
    font-size: 32px;
}
#display{
    color: rgb(99, 89, 133);
    padding: 2px;
    font-size: 65px;
    margin-top: 60px;
}
#buttons{
    margin-bottom: 40px;
}
.btn{
    cursor: pointer;
    font-size: 50px;
    padding: 3px 9px;
    border: transparent;
    height: 60px;
    width: 60px;
    background: transparent;
    color: rgb(99, 89, 133);
}
.btn:hover{
    font-size: 55px;
}

@media only screen and (max-width:430px){
    .container{
        height: 250px;
        width: 250px;
    }
    #display{
        font-size: 40px;
    }
    .btn{
        font-size: 41px;
    }
    .btn:hover{
        font-size: 41px;
    }
}