@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

body 
{
font-family: "Raleway", sans-serif;
background-color:#000000;
color:white;
margin:0;
padding:0;
}

.q
{
display:inline-block; 
padding:10px; 
border:1px solid green;
min-width:20%;
margin:3px;
}

.q:hover
{
background:green;
color:white;
}







.answerbox
{
display:inline-block;
color:white;
}







blink,.blink 
{
-webkit-animation: blink 1s step-end infinite;
-moz-animation: blink 1s step-end infinite;
-o-animation: blink 1s step-end infinite;
animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink 
{
67% { opacity: 0 }
}
@-moz-keyframes blink 
{
67% { opacity: 0 }
}
@-o-keyframes blink 
{
67% { opacity: 0 }
}
@keyframes blink 
{
67% { opacity: 0 }
}





.blinking 
{
display:inline-block; 
padding:10px; 
min-width:20%;
border:1px solid green;

animation-name:blinking;
animation-duration:1s;
animation-iteration-count:100;
}

@keyframes blinking 
{
50%
{
border-color: #ffcd5f;
}
}






#spin:hover
{
background-color:yellow;
}







timer
{
font-size:32px;
}

.rw
{
font-size:18px;
color:white;

}

.w
{
color:white;
}

g
{
color:#606060;
}

.r
{
color:red;
}