/* ==========================================================================
   Author's custom styles
   ========================================================================== */




.circleCenter{
	

	
	border:1px solid #ccc;
	width:1px;
	height:1px;
	border-radius:100%;
	background-color:#125e99;
  position:absolute;
	

	
}

#scritta{
	position:absolute;
	color:#fff;
	 width:90%;
   margin:auto;
   left:5%;
   top:10%;
font-family: 'Bad Script', cursive;
     text-align:center;
  

}
.t1{
font-family: 'Bad Script', cursive;
  font-size:80px;
  font-weight:bold;
   user-select: none;  
   -moz-user-select: none; 
   
}
.t2{
  font-size:40px;
  font-weight:bold;
  margin-top:0px;
   user-select: none;  
   -moz-user-select: none; 
}
.t3{
  font-size:30px;
   user-select: none;  
   -moz-user-select: none; 
  
  
}
.t4{
  font-size:40px;  
   user-select: none;  
   -moz-user-select: none;   
   font-family: 'Bad Script', cursive; 
}

.t5{
font-size:30px;
 user-select: none;  
   -moz-user-select: none; 
}
.t6{
         font-size:30px;
 user-select: none;  
   -moz-user-select: none; 

}

.circle{
	position:absolute;
	background-color:rgba(60,125,244,0.1);
  width:1px;
	height:1px;
	border-radius:100%;
	box-shadow:inset 0px 0px 5px   rgba(255,255,255,0.5);
	}

a{
color:#fff;
 user-select: none;  
   -moz-user-select: none; 
}

a:hover{
color:#fff;
}
a:active{
color:#ffffff;}

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

}

#contenitore{
   position:relative;
   overflow:hidden;
   top:0px;
   left:0px;
  width:100%;
  height:100%;
  background-color:#fff;
  user-select: none;  
   -moz-user-select: none; 
  

}



.star{
position:absolute;
top:0px;
right:0px;
font-size:30px;
color:#eee;
}
@media (max-width:320px) { 
/* smartphones, iPhone, portrait 480x320 phones */ 
  .t1{
    font-size:20px;
   
  }
  
  .t2{
  font-size:22px;
  font-weight:bold;
  margin-top:0px;
  }
  
  .t3{
     font-size:18px;
  }
  
}
@media (min-width:320px) and (max-width:481px) {
  .t1{
    font-size:33px;
   
  }
  
  .t2{
  font-size:22px;
  font-weight:bold;
  margin-top:0px;
  }
  
  .t3{
     font-size:18px;
  }
  
  
  
  

 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:481px) and (max-width:641px) { 

         .t1{
    font-size:43px;
  }
  
  .t2{
  font-size:32px;
  font-weight:bold;
  margin-top:0px;
  }
  
  .t3{
     font-size:24px;
  }
  #scritta{
    text-align:center;
  } 

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }