* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

.container {
    background: #202020;
    color:white;
    width:100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#stopwatch {
    font-size: 100px;
    color:#1a7c53;
    animation: 1s animate linear infinite;
    
    
}

@keyframes animate {
    0%,18%,20%,50.1%,80%,90%,92%{
        color: #49d1bf;
        
        text-shadow: none;
    }
    
    18.1%,20.1%,50%,80.1%,90.1%,92.1%,100% {
    
        color:#fff;
        text-shadow: 0 0 10px #03bcf4,
        0 0 20px #03bcf4,
        0 0 40px #03bcf4,
        0 0 80px #03bcf4,
        0 0 160px #03bcf4
    }
}



button {
    width:120px;
    height:40px;
    font-size: 1rem;
    
    border:3px solid rgb(88, 87, 87);
    border-radius: 50px;
    background: #202020;
    color:white;
    cursor: pointer;
    outline: none;
}



#buttons {
    display: flex;
    /* margin-top: 20px; */
}

#buttons li {
    padding:0 20px;
}

#buttons li:hover button {
    border:none;
    box-shadow: 0 0 20px #03bcf4, 0 0 40px #03bcf4, 0 0 60px #03bcf4, 0 0 80px #03bcf4
    
    
    ;
}

@media (max-width:550px) {
    #stopwatch {
        font-size: 50px;
    }
    
    button {
        width:60px;
        height:20px;
        font-size: 10px;
        border: 1px solid white;
    }
    
    #buttons li {
        padding: 0 5px;
    }
}