H1 {
   /* title */
    color: #ff2d00; /*color*/
    font-family: 'courier New'; /* font */
  text-align: center; 
  
    font-weight: 100; /* thick */
  Font-size: 3em; 
 
}

.welcome {
  /* text welcome */
  color: #fffb00;
  font-family: 'Courier new';
  width: 700px;
  text-align: center;
  disposition: flex; /* dispositon */
   flex-direction: column;
   align-items: center;
  gap: 1.5rem;
  padding: 2% %;
  font-SIZE: 1.6em;
  
}


.lostt {
  position: absolute; 
  top: 0px; 
  left: 350px; 
  z-index: 10; 
}

.lostt img {
  width: 500px; 
  height: auto; 
}

.mail { /* this is a floating text!!! */
  position: absolute; 
  top: 630px; 
  left: 820px; 
  z-index: 10; 
  color:#f700ff ; 
  font-size: 1.4em; 
  font-family: 'Courier New',
 
 
}

.weird {
  position: absolute; 
  top: 520px; 
  left: 250px; 
  z-index: 10; 
}

.weird img {
  width: 300px; 
  height: auto; 
}

.light {
  position: absolute; 
  top: 370px; 
  left: 50px; 
  z-index: 10;
}

 .light img {
  width: 400px; 
  height: auto; 
}
.container a { /* socials */
  text-decoration: none;
  color: #f700ff;
  padding: 70px  ;
  font-SIZE: 1.6em;
  
}

.container a:hover {
  color: #b200ff;
  text-decoration: underline;
}
.rights { /* right */
  color: #f700ff; 
  text-align: center;
  display: flex; 
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 40% 32%;
  font-size: 1.6em; 
}
/* end of it */
/* コピペ */