.beforeyoustart {
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    z-index: 25;
}

.beforeyoustart .beforeyoustart-text {
    height: auto;
    color: #fff;
    font-size: 5vw;
    left: 35%;
    top: 10%;
    font-weight: bold;
    width: 37%;
}

.beforeyoustart .beforeyoustartkeyboard {
    font-size: 9vw;
    width: auto;
    height: auto;
    color: red;
    top: 38%;
    left: 59%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.beforeyoustart .keyboardtext {
    width: 15.5%;
    height: auto;
    font-size: 3vw;
    color: #fff;
    top: 56%;
    left: 56.4%;
    font-weight: bold;
    text-align: center;
}

.beforeyoustart .beforeyoustartmic {
    font-size: 9vw;
    width: auto;
    height: auto;
    color: red;
    top: 38%;
    left: 35%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.beforeyoustart .microphonetext {
    width: 20.5%;
    height: auto;
    font-size: 3vw;
    color: #fff;
    top: 56%;
    left: 28%;
    font-weight: bold;
    text-align: center;
}

.beforeyoustart .microphonetext .recommended {
    font-size: 2vw;
}


/* Hover start */

.beforeyoustart .beforeyoustartmic:hover,
.beforeyoustart .beforeyoustartkeyboard:hover {
    transform: scale(1.2);
    filter: drop-shadow(0px 0px 9px rgb(255, 165, 0));
}


/* Hover end */