body 
{
    height: 100vh;           
    background-color:lightgrey;
    padding:1vw;
    background-image: url("background1.png");
    background-repeat: no-repeat;
    background-size:cover;
}

h1 
{
    font-family: 'Permanent Marker', cursive;
    font-size: 4vw;
    text-align: center;
}

ul 
{
    padding-inline-start: 0;
    list-style-position: inside;
}

input
{
    font-size: 8vw;
}

input[type='radio'] 
{ 
    transform: scale(2);
} 

button
{
    margin:1vw;
    margin-top: 10vh;
    font-size:2vw;
    padding:1vw;
    width: 20vw;
    border-style: ridge;
    border-radius: 10px;
    box-shadow: 0px 5px;
}

button:active
{
    background-color:lightgrey;
    transform: translateY(5px);
    box-shadow:none;
}

#MMlogo
{
    float:right;
    width:10vw;
}

#turnTitle
{
    font-size:6vw;
    font-family: Tahoma, sans-serif;
    color:#600000;
    text-align:center;
}

#description
{
    font-family: Tahoma, sans-serif;
    color:black;
    font-size:3vw;
}

#turnTimeLeft
{
    font-family: Tahoma, sans-serif;
    color:black;
    font-size: 8vw;
}

#turnList
{
    font-size:5vw;
    font-family: Tahoma, sans-serif;
    color:#600000;
    text-align: left;
    text-shadow: 1px 1px black;
}

#clock
{
    float:left;
    font-size:4vw;
    font-family: sans-serif;
}

#radios
{
    font-size: 4vw;
    font-family: sans-serif;
}

#radios h2
{
    font-size: 3vw;
    text-align: center;
}

#choice
{
    float:left;
    margin-left:10vw;
}

#year
{
    float:right;
    margin-right:10vw;
}