@charset "utf-8";
/* CSS Document */

body{
    height:1400px;
}

.container {
    z-index: 1;
    position: relative;
    float: left;
    display:block;
    margin:2%;
    width: 96%;
    align-content: center;
    justify-content: center;
    text-align: center;
    
    
}
.loading{
	position: relative;
	width:100%;
	height:450px;
	margin-top:50px;


}
#circle {
	position: fixed;
	animation: ring 5s infinite linear;
    transform-origin: center;
}
@keyframes ring {
	from {
		transform: rotateZ(0);
	} 
	to {
		transform: rotateZ(360deg);
	} 
}
.loading svg{

    
}
.middle{
   margin-top:200px;
}
.txt{
	font-size: 24px;
	line-height: 30px;
	
}
.head{
	font-size: 30px;
	padding-top: 10px;
	font-weight: normal;
}
    
.home{
 margin-top: 100px;
}
.home a{
	margin-top: 20px;
	padding:20px 40px;
	text-decoration: none;
	font-size: 20px;
	color:#000;
	border: solid 3px #000;
	
}
.home a:link{
	margin-top: 20px;
	padding:20px 40px;
	text-decoration: none;
	font-size: 20px;
	color:#000;
	border: solid 3px #000;
	
}
.home a:visited{
	margin-top: 20px;
	padding:20px 40px;
	text-decoration: none;
	font-size: 20px;
	color:#000;
	border: solid 3px #000;
	
}
.home a:hover{
	color:#FFF;
	background-color: #32E317;
	border: solid 3px #32E317;	
}
@media screen and (max-width:1120px){
	body{
		height:1400px;
	}
    
    

}

@media screen and (max-width:980px){
	body{
		height:1400px;
	}
	
}