html, body{
margin: 0px;
padding: 0px;
width: 100%;

font-size: 16px;
font-family: arial;
background: #301f0e;
}


.qu{
position: fixed;
width: 100%;
top: 3%;
left: 0%;
z-index: 9999;
}


.an{
position: fixed;
width: 100%;
height: 32%;
top: 30%;
}



.ans{
width: 8vw;
height: 8vw;
line-height: 240%;
border: 5px solid white;
border-radius: 50%;
color: #ffffff;
font-size: 3.4vw;
cursor: pointer;
}

.ans:hover{
background: white;
color: #0066a1;
border: 5px solid #0066a1;
}

.mal{
position: fixed;
bottom: 2%;
width: 100%;
cursor:pointer;
}




.qu2{
position: fixed;
width: 100%;
top: 3%;
left: 5%;
z-index: 9999;
}

.an2{
position: fixed;
width: 100%;

top: 12%;
}


.ans2{
width: 20vw;
height: 20vw;
line-height: 240%;
border: 5px solid white;
border-radius: 50%;
color: #ffffff;
font-size: 8vw;
cursor: pointer;
}

.ans2:hover{
background: white;
color: #0066a1;
border: 5px solid #0066a1;
}

.mal2{
position: fixed;
bottom: 2%;
width: 100%;
cursor:pointer;
}


.thx{
margin-top: 3%;
}


  .star-five {
      margin: 50px 0;
      position: relative;
      display: block;
      color: white;
      width: 0px;
      height: 0px;
      border-right: 50px solid transparent;
      border-bottom: 35px solid white;
      border-left: 50px solid transparent;
      transform: rotate(35deg);
    }
    .star-five:before {
      border-bottom: 40px solid white;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      position: absolute;
      height: 0;
      width: 0;
      top: -22.5px;
      left: -32.5px;
      display: block;
      content: '';
      transform: rotate(-35deg);
    }
    .star-five:after {
      position: absolute;
      display: block;
      color: white;
      top: 3px;
      left: -52.5px;
      width: 0px;
      height: 0px;
      border-right: 50px solid transparent;
      border-bottom: 35px solid white;
      border-left: 50px solid transparent;
      transform: rotate(-70deg);
      content: '';
    }




	.star-five2 {
      margin: 50px 0;
      position: relative;
      display: block;
      color: white;
      width: 0px;
      height: 0px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid white;
      border-left: 100px solid transparent;
      transform: rotate(35deg);
    }
    .star-five2:before {
      border-bottom: 80px solid white;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      position: absolute;
      height: 0;
      width: 0;
      top: -45px;
      left: -65px;
      display: block;
      content: '';
      transform: rotate(-35deg);
    }
    .star-five2:after {
      position: absolute;
      display: block;
      color: white;
      top: 3px;
      left: -105px;
      width: 0px;
      height: 0px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid white;
      border-left: 100px solid transparent;
      transform: rotate(-70deg);
      content: '';
    }


	.strt{
	display: none;
	}


	.starti{
	margin: 50px;
	cursor: pointer;
	}


	.startiov{
	margin: 50px;
	cursor: pointer;
	display: none;
	}