html{height: 100%;
	  width:100%;
	  margin: 0;
	  padding: 0;
	  }
  
 body {margin:0; background:url('../aew-02.webp');
                 background-size:cover;
				 display:flex;
                 justify-content:center;
	     }
.bulles{
  position:absolute;
  width:100%;
  height: 100%;
  z-index:0;
  overflow:hidden;
  top:0;
  left:0;
}
.bulle{
  position: absolute;
  bottom:-100px;
  width:40px;
  height: 40px;
  background:radial-gradient(circle at center, #FDF1B8 0, #F5F5DC, #FAF0C5 100%);
  border-radius:50%;
  opacity:0.5;
  animation: rise 15s infinite ease-in;
}
.bulle:nth-child(1){
  border: 3px solid gray;
  width:40px;
  height:40px;
  left:10%;
  animation-duration:12s;
}
.bulle:nth-child(2){
  border: 3px solid gray;
  width:20px;
  height:20px;
  left:20%;
  animation-duration:8s;
  animation-delay:1s;
}
.bulle:nth-child(3){
  border: 3px solid gray;
  width:50px;
  height:50px;
  left:35%;
  animation-duration:7s;
  animation-delay:2s;
}
.bulle:nth-child(4){
  border: 3px solid gray;
  width:80px;
  height:80px;
  left:50%;
  animation-duration:11s;
  animation-delay:0s;
}
.bulle:nth-child(5){
  border: 3px solid gray;
  width:35px;
  height:35px;
  left:55%;
  animation-duration:6s;
  animation-delay:1s;
}
.bulle:nth-child(6){
  border: 3px solid gray;
  width:45px;
  height:45px;
  left:65%;
  animation-duration:8s;
  animation-delay:3s;
}
.bulle:nth-child(7){
  border: 3px solid gray;
  width:90px;
  height:90px;
  left:70%;
  animation-duration:12s;
  animation-delay:2s;
}
.bulle:nth-child(8){
 border: 3px solid gray;
 width:25px;
  height:25px;
  left:80%;
  animation-duration:6s;
  animation-delay:2s;
}
.bulle:nth-child(9){
  border: 3px solid gray;
  width:15px;
  height:15px;
  left:70%;
  animation-duration:5s;
  animation-delay:1s;
}
.bulle:nth-child(10){
  border: 3px solid gray;
  width:90px;
  height:90px;
  left:25%;
  animation-duration:10s;
  animation-delay:4s;
}
@keyframes rise{
  0%{
    bottom:-180px;
    transform:translateX(0);
  }
  50%{
    transform:translate(100px);
  }
  100%{
    bottom:1080px;
    transform:translateX(-200px);
  }
}
fieldset { border: 8px solid gray;
           border-radius:15px;
		   background-color:#0000;
		   width: 500px;
		   }
  
	legend {
        	color:blue;
	         text-shadow:
            -1px -1px 1px #aaa,
            0px 4px 1px rgba(0, 0, 0, 0.5),
            4px 4px 5px rgba(0, 0, 0, 0.7),
            0px 0px 7px rgba(0, 0, 0, 0.4);
	      } 
	label { color:blue;}
	h1 { color:blue;
	     text-shadow:
         -1px -1px 1px #aaa,
         0px 4px 1px rgba(0, 0, 0, 0.5),
         4px 4px 5px rgba(0, 0, 0, 0.7),
         0px 0px 7px rgba(0, 0, 0, 0.4);
	}
	legend{text-align:center;}
	textarea {
		      border-radius:6px;
	          width: 380px;  
			  border: 4px solid gray; 
	          border-right-color:red; 
			  border-left-color:blue;
			  }
	input {border-radius:5px; width: 280px; height:20px}
#ad-ip{color:blue;border-radius:15px; width:200px; height:20px; text-align:center;background-color:#F1E2BE;}	
#name{border-radius:5px; width:150px; height:20px; }	
#pname{border-radius:5px; width:150px; height:20px; }	
  #postcode{ border-radius:5px; width:60px; height:20px;text-align:center; }				  
  footer {
           white-space:nowrap;
	         }