*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Koulen', cursive;
    font-weight: bold;
}

a{
    color: inherit;
    text-decoration: none;
}


.app-wrapper{
    background: white;
    text-align: center;
}



.title-wrapper2{
    color: skyblue;
      font-size:250%;

}

.title-wrapper3{
    font-size: 150%;
    color: skyblue;
    background: white;
}


.title-wrapper3:hover{

    color: dodgerblue;

}

.title-wrapper4{
    font-family: 'Montserrat', sans-serif;
    font-size: 125%;
    color: skyblue;
    background: white;
}










.button, .play-button{

    font-size: 200%;
    width:60%;

    padding: 0%;
    background:  white;
    color: skyblue;
    border: skyblue solid 2px; 
}

.button, .play-button:hover{

    font-size: 200%;
    width:60%;
    background: skyblue;
    color: white;
    border: skyblue solid 2px; 
}

/*

.button, .check-button{
    font-size: 200%;
    width:50%;
    padding: 0%;
    background:  white;
    color: skyblue;
    border: skyblue solid 2px; 


}

.button, .check-button:hover{
    font-size: 200%;
    width:50%;
    background: skyblue;
    color: white;
    border: skyblue solid 2px; 


}

*/


.notename-div{
    font-size: 200%;
    padding: 0%;
    margin: 0 20% 0 20%;
    background:  white;
    color: skyblue;
    border: skyblue solid 2px; 
}



.freq-div{
    font-size: 200%;
    padding: 0%;
    padding: 0%;
    margin: 0 20% 0 20%;
    background:  white;
    color: skyblue;
    border: skyblue solid 2px; 

}