@media only screen and (min-width: 426px){
    h1,h3{
        transform: scale(1.5);
        overflow: hidden;
    }
    h3{
        margin-top: 10px;
    }
    .inputContainer{
        margin-top: 25px;
        transform: scale(1.5);
    }
    .playerContainer{
        width: 40%;
        transform: scale(1.15);
        margin-top: 3vh;
    }
    .confirmAudio, .askLyrics{
        width: 40%;
        transform: scale(1.25);
        margin-top: 35px;
        overflow: hidden;
    }
    .mainContainer{
        margin-top: 20px;
        height: 355px;
    }
    .lyricsInput{
        width: 80%;
        font-size: 20px;
        border-radius: 1rem;
    }
    .timer{
        transform: scale(1.35);
        margin-top: 35px;
        font-size: 20px;
        overflow: hidden;
    }
    .buttons{
        width: 70%;
        transform: scale(1.2);
        position: relative;
        left: 13.5%;
        justify-content: space-around;
        margin-top: 20px;
    }
    #iconContainer1{
        position: fixed;
        top: 4.5vh;
    }
}