@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500');

body
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 2vh;
}

button
{
    background-color: #43c0b3;
    border: none;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 2vh;
    padding-right: 2vh;
    cursor: pointer;
    color: #ffffff;
    border-radius: 1vh;
}

.opacity-0 
{
    opacity: 0.0;
}

.opacity-10 
{
    opacity: 0.1;
}

.opacity-20 
{
    opacity: 0.2;
}

.classImage 
{
    height: 100%;
    position: absolute;
}

.fog
{
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #333333;
    opacity: 1.0;
    position: absolute;
}

.overlay
{
    width: 100%; 
    height: 100%; 
    background-color: rgba(50, 50, 50, 0.75); 
    display: none; 
    z-index: 10000;  
    position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
}

.roundCorners 
{
    border-radius: 1vh;
}

.textHeading
{
    font-size: 4vh;
}