body {
    text-align: center;
    background-color: #011F3F;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 100px;
}

#level-title,#taps-count,.mode {
    font-family: 'Press Start 2P', cursive;
    font-size: 2.5rem;
    color: #FEF2BF;
    padding: 5px 0;
    /*position: fixed;*/
    width: 100%;
}
#taps-count{
    font-size: 1.25rem;
    height: 25px;
}
.parent {
    margin: auto;
}

.container {
    width: 500px;
}
.mode-div{
    width: 100%;
    height: 30px;
    margin-top: -100px;
}
.mode{
    font-size: 1rem;
}
.row {
    height: auto;
    width: auto;
}

.btn {
    /*margin: 10px;*/
    display: inline-block;
    height: 175px;
    width: 175px;
    border: 10px solid black;
    border-radius: 20%;
    cursor: pointer;
    border-radius: 100%;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: revert;
}

.game-over {
    background-color: red;
    opacity: 0.8;
}

.red {
    background-color: red;
    border-top-right-radius: 100%;
    border-bottom-left-radius: unset;
    -webkit-mask-image: radial-gradient(circle 75px at bottom left, transparent 0, transparent 75px, black 21px);
}

.green {
    background-color: green;
    border-bottom-left-radius: unset;
    border-top-left-radius: 100%;
    -webkit-mask-image: radial-gradient(circle 75px at bottom right, transparent 0, transparent 75px, black 21px);
}

.blue {
    background-color: blue;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: unset;
    -webkit-mask-image: radial-gradient(circle 75px at top left, transparent 0, transparent 75px, black 21px);
}

.yellow {
    background-color: yellow;
    -webkit-mask-image: radial-gradient(circle 75px at top right, transparent 0, transparent 75px, black 21px);
}

.pressed {
    box-shadow: 0 0 20px white;
    background-color: grey;
}

#start,
#btn-div {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    font-size: 20px;
    border: none;
    border-radius: 100%;
    position: relative;
    top: -275px;
    display: inline-table;
    background-color: whitesmoke;
    padding: 0;
}
#btn-div {
    z-index: 5;
}
#start{
    position: initial;
}
@media screen and (max-width : 800px) {
    body {
        margin-top: 100px;
    }

    #level-title {
        font-size: 1.5rem;
    }
    .btn {
        height: 150px;
        width: 150px;
    }
    #btn-div {
        top: -250px;
    }
    .container {
        width: 100vw;
        margin: auto;
    }
}