body {
background-color:lightgreen;
margin:0;
padding:0;
width:100%;
height:100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#imgid{
    width:75px;
}


#vk1 {
  position:absolute;
  top:20px;  
  z-index:200;
  vertical-align:top;
  float:left;
  margin:10px;
}

#title {
  position:absolute;
  top:20px;  
  left:200px;
  font-size:22px;
  color:grey;
  z-index:200;
  vertical-align:top;
  float:left;
    margin:20px;
}

#title1 {
  position:absolute;
  top:100px;  
  left:200px;
  font-size:20px;
  color:grey;
  z-index:200;
  vertical-align:top;
  float:left;
  margin:20px;
}


.hide {
display:none;
}

.count {
position:relative;
top:100px;
display: table;
margin: 0 auto;
font-size: 320px;
color:blue;
visibility:visible;
width:250px;
height:400px;
}
.youranswer {
display: table;
margin: 0 auto;
font-size: 50px;
text-align:center;
color:grey;
}

.answ {
margin: 0 auto;
margin-top:50px;
display: none;
text-align:center;
font-size: 30px;
color:green;
}

#report {
text-align:center;
font-size: 20px;
color:red;
}

#report2 {
text-align:center;
font-size: 20px;
color:blue;
}

.rightanswer {
display: table;
  margin: 0 auto;
font-size: 150px;
color:green;
}

.start, .check, .new{
font-size:25px;
padding:15px;
margin:10px;
color:blue;
}

.check, .new{
display:none;
}

.start{
position:relative;
top:300px;
z-index:1;
display: table;
margin: 0 auto;
}

.new{
position:relative;
top:10%;
z-index:1;
margin: 0 auto;
}

  @media screen and (max-width: 480px) {
      
.count {
margin-top:100px;
font-size:35px;
width:30px;
height:35px;

} 

.rightanswer {
left:0;
position:absolute;
text-align:center;  
font-size:35px;
margin-top:100px;
z-index:300;
}

.youranswer {

font-size: 30px;

}

#report {
text-align:center;
font-size:20px;
color:red;
}

.answ {
position:absolute;
font-size:20px;
top:450px;
}
  
#title1 {
font-size:15px;
}  
  
  .check {
padding:10px;
margin:5px;
font-size:15px;

}

  
  .new{
padding:10px;
margin:5px;
font-size:15px;
margin-top:-50px;
z-index:300;
}

.start{

margin-top:100px;

}


#imgid{
    width:50px;
}
      
  }
  
  
  
  
   @media screen and (max-width: 1030px) {
      
.count {
    top:180px;
font-size: 170px;
width:100px;
height:170px;
} 

 .answ {
     position:absolute;
font-size:20px;
top:450px;
}
  
#title1 {

  font-size:15px;

}  
  .new{
position:absolute;
left:20px;
top:300px;
z-index:300;
font-size:25px;
}


.rightanswer {
left:20px;
position:absolute;
text-align:center;  
font-size: 40px;
top:370px;
}

.start{

top:200px;

}
      
  }