@import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body	{
		margin: 0;
		font-size: 16px;
		font-family: "Roboto", sans-serif;
		font-style: normal;
		}
img, div, p, h1, h2, h3, h4, h5, h6, form, table, td, th, textarea
		{
		box-sizing: border-box;	

		}
		
img		{
		width:100%;
		margin: 0;
		display: block;
		}	
h1, h2, h3, h4, h5, h6
		{
		font-family: "Belanosima", sans-serif;
		font-weight: 600;
		font-style: normal;
		margin: 0;
		width: 100%;		
		}
h1		{
		font-size: 11vw;
		text-align: center;
		padding: 3vw 0 3vw 0;		
		text-transform: uppercase;		
		}
h2		{
		font-size: 4vw;
		text-align: center;
		padding: 2vw 1vw 2vw 1vw;
		}
h3		{
		background-color: #f7941e;
		color: #000;
		font-size: 8vw;
		text-align: center;
		padding: 2vw 0 2vw 0;
		}
h4		{
		font-weight: 200;
		background-color: #FFF;
		color: #BBB;
		font-size: 4vw;
		text-align: center;
		padding: 1vw 1vw 1vw 1vw;
		transform: rotate(180deg);		
		}	
h5		{
		background-color: orange;
		color: black;
		font-size: 7vw;
		text-align: center;
		margin: 0;
		}
h6		{
		background-color: #333;
		color: white;
		font-size: 8vw;
		text-align: center;
		padding: 4vw 1vw 4vw 1vw;
		}



table	{
		width: 100%;
		}
th		{
		background-color: green;	
		color: white;
		padding: 2vw 0 2vw 0;
		}		
td		{
		border-bottom: 1px solid #CCC;	
		padding-top: 1vw;
		padding-bottom: 1vw;
		font-size: 5vw;
		}	
th, td	{
		font-size: 5vw;
		}
textarea
		{
		 background-color: #EEE;	
		 border: 2px solid #999;
		 width: 100%;
		 height: 80vh;
		 font-size: 6vw;
		 padding: 5vw;
		 margin: 2vw 0 7vw 0;
		 font-family: "Roboto", sans-serif;
		 font-style: normal;		 
		}
		
		
		
.time	{
		width: 25%;
		text-align: right;
		padding-right: 2vw;
		box-sizing: border-box;	
		}
.activity
		{
		text-align: left;
		padding-left: 2vw;
		box-sizing: border-box;			
		}		
			
			
			

 /*********** PAGINATION ***********/


.page_number
		{
		width: 100%;
		display: flex;
		margin: 0;
		flex-direction: column;
		padding: 1vw 1vw 5vw 1vw;
		background-color: #000;	
		box-sizing: border-box;		
		}
.page_number a
		{
		width: 80vw;
		color: #FFF;
		font-size: 7vw;	
		margin: 2vw;
		border-bottom: solid 0.5vw #888;
		padding: 2vw;		
		box-sizing: border-box;	
		text-decoration: none;
		}

.admin
		{
		width: 100%;
		display: flex;
		margin: 0;
		flex-direction: column;
		padding: 1vw 1vw 5vw 1vw;
		background-color: #F00;	
		box-sizing: border-box;		
		}
.admin a
		{
		width: 80vw;
		color: #FFF;
		font-size: 7vw;	
		margin: 2vw;
		border-bottom: solid 0.5vw #888;
		padding: 2vw;		
		box-sizing: border-box;	
		text-decoration: none;
		}

 /*********** 01. COVER PAGE ***********/

.background
		{
		background-image: url("cover_background.jpg");
		background-size: cover; 		
		width: 100%;
		display: flex;
		margin: 0;	
		justify-content: center;
		align-items: center;
		padding: 15vw 0 15vw 0;		
		box-sizing: border-box;			
		}
.form	{
		display: flex;		
		flex-direction: column;
		padding: 5vw;
		box-sizing: border-box;
		background-color: #FFF;
		}





 /*********** GENERAL ***********/

.page	{
		width: 100%;
		padding-top: 7vw;
		padding-right: 7vw;
		padding-bottom: 7vw;
		padding-left: 7vw;
		box-sizing: border-box;		
		}
input, select
		{
		 font-family: "Roboto", sans-serif;
		 font-style: normal;
		 border: 2px solid #555;
		 font-size: 5vw;	
		 width: 90%;
		 padding: 3vw;
		 box-sizing: border-box;
		 margin: 0 0 3vw 0;
		}
label	
		{
		font-family: "Roboto", sans-serif;
		font-size: 5vw;	
		}
p		{
		font-family: "Roboto", sans-serif;
		font-size: 5vw;
		}
.form p	{
		font-size: 7vw;	 
		margin: 2vw 0 0 0;
	
		}
 /*********** 06. CAMP RULES ***********/



.rules	{
		box-sizing: border-box;			 
		padding: 3vw;	
	
		}

.sign	{
		box-sizing: border-box;			 
		padding: 3vw;			
		background-color: #DDD;
		text-align: center;
		}	
.submit	{
		width: 50vw;
		padding: 3vw;
		font-size: 6vw;	
		background-color: #3478AD;
		color: #FFF;
		border: 0;
		border-radius: 25px;
		margin: 5vw 0 5vw 0;
		}
		
.radio	{
		font-size: 10vw;	
		width: 9vw;
		height: 5vw;	

		}
.radioline
		{
		display: flex;
		align-items: stretch;
		align-content: center;
		}
.radioline span	
		{
		font-size: 5vw;	
		box-sizing: border-box;
		padding: 0 0 0 3vw;	
		}




		
.stickers td, .stickers th
		{
		width: 50%;
		text-align: center;
		padding: 0;
		font-size: 10vw;		
		}

.stickers th
		{
		background-color: #3478AD;
		font-weight: 700;
		font-size: 6vw;		
		}


.stickers img
		{
		 width: 10vw;
		 display: inline;
		 margin: 0 1vw 0 1vw;
		}
.stickers input
		{
		 width: 15vw;
		 border: 0;
		 display: inline;
		 text-align: center;
		 font-size: 15vw;
		 padding: 0;
		}
		
.mystickers
		{
		 display: flex;
		 flex-wrap: wrap;
		}
.mystickers img
		{
		 width: 12vw;
		 margin: 1vw;
		}		
		
.answers
		{
		display: flex;
        flex-flow:row;
		overflow-x: auto;

		}
.answers .block
		{
		padding: 1vw 1vw 1vw 1vw;
		box-sizing: border-box;	
		border: 1px solid #CCC;
		flex:1;
		min-width:45%;

		}		
.answers .block p
		{
		 font-size: 3vw;
		 margin: 0;
		 padding: 0;
			
		}		
.answers .name
		{
		 font-size: 5vw;
		 font-weight: 700;
			
		}