body{
    background-color:black;
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    overflow:hidden;

.Intro{ 
    font-size:30px;
    font-weight:bold;
    margin-left:20px;
    margin-right:20px;
    color:white;
    text-shadow: 0 0 20px white;
    

}

#display{
    width:60vw;
    height:10vh;
    padding: 20px;
    border:4px solid red;
    border-radius:10px;
    animation: FadeIn 6s linear infinite;
    margin-bottom:20px;
    background-color:black;
    font-size:30px;
    color:white;
    text-shadow: 0 0 20px white;

    
}
}
.buttons{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    
    
}
.btn{
    border-radius:50%;
    height:75px;
    width:75px;
    background-color:black;
    color:white;
    font-weight:bold;
    font-size:20px;
    border:4px solid red;
    animation: FadeIn 12s linear infinite alternate;

    
}
.btn:hover{
    cursor:pointer;
    transform:scale(1.2);

}
@keyframes FadeIn{
        0%{
            border-color:#FF1900;
        }
        20%{
            border-color:#00FFA5;
        }
        40%{
            border-color:#057DFF;
        }
        60%{
            border-color:#9800FF;
        }
        80%{
            border-color: #FFFA00;
        }
        100%{
            border-color:#FF008C;
        }

        

    }