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

body{
  background-color:black;
  
}
h1{
  color:white;
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing:1.5px;
  line-height:250px;
  text-align:center;
  font-weight:600;
  font-size:1.2rem;
  animation-name: an1;
  animation-duration: 1s;
  
}
a{text-decoration:none;color:white;}
h3{
    color:white;
	width: 160px;
	margin:auto;
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing:1.5px;
  line-height: 8rem;
  font-weight:600;
  font-size: 6rem;
}
h3:hover{
	border-bottom:solid 2px white;
}
section{
  width:1000px;
  height:1100px;
  margin:auto;
}
#bloc1{
  margin-left:95px;
  width:360px;
  height:360px;
  background-color:#7ef2b1;
  z-index:3;
  position:absolute;
  
}
#bloc2{
	position: absolute;
  margin-top:600px;
  width:360px;
  height:360px;
  background-color:#7ef2b1;
	margin-left:500px;
  z-index:3;
  
  
}
h2{
 margin-top:0px;
 
  color:white;
font-family: 'Oswald', sans-serif;
  font-size:14rem;
  letter-spacing:20px;
  z-index:2;
  position:fixed;
   animation-name: an2;
  animation-duration: 3s;
 
}
#bloc1:hover{
  z-index:1;
}


@keyframes an1 {
  from {
    font-size:0.8rem;
    opacity:0;
  }

  to {
    
    
  }
}
 @keyframes an2 {
  from {
    
    opacity:0;
  }

 
}


 @media screen and (max-width:1030px){
   section{
     width:600px;
	  
     margin-top:120px;
     
   }
   #bloc1{
     width:200px;
     height:200px;
     margin-left:60px;
     
   }
	 #bloc2{
	
  width:200px;
  height:200px;
  margin-left: 350px;
		 margin-top:700px;
  
}
   h2{
     font-size:8rem;
   }
	 h3{
		 font-size: 4rem;
		 line-height: 6rem;
		 
	 }
}

@media screen and (max-width:600px){
   section{
     width:100%;
	   height: auto;
     margin-top:120px;
     
   }
   #bloc1{
     width:200px;
     height:200px;
     margin-left:65px;
	   margin-top:150px;
	 
   }
	 #bloc2{
	
  width:250px;
  height:250px;
  margin-left: 250px;
		 margin-top:900px;
		 margin-bottom: 200px;
  
}
  h1{
    font-size:2rem;
	  line-height: 2.5rem;
	  margin-top:30px;
  }
   h2{
     width:400px;
     font-size:7.5rem;
     margin-left:25px;
	   margin-top:150px;
	  
   }
	 h3{
		 font-size: 4rem;
		 line-height: 6rem;
		 
	 }
}