body{
	width:650px;
	height: 550px;
   #background-image: url("papier.jpg");
	#background-size: cover;
   #background-repeat: no-repeat;

   margin:auto;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align:center;
   padding-bottom: 10px;
   background-color: #c1fec1

}


.bg-container{
  width: 100%;
  height: 100%;
  border: 3px solid #FFF;
  position: relative;
border-radius: 15px;
}
.bg-container .content{
  position: absolute;
  z-index:999;
  text-align: center;
  width: 100%;
}
.bg-container::after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index:-99;
  background-image: url("papier.jpg");
  background-size: cover;
  opacity: 0.4;
}




table{
   text-align:center;
   #background-color: white;
   border-radius: 10px;
}

.img1{
 width:45%;
 border: solid 4px #03b803 ;
 border-radius: 10px;
 margin-top: -20px;
 transition: transform .9s;
}
.img1:hover {
			  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
			}
			
			
.img3{
width:22.5%;
 border: solid 4px #03b803 ;
 border-radius: 10px;
  margin-top: -20px;
}

.img2{
	
 margin-bottom: -15px;
 background-color: #03b803 ;
}

.zoom{
transition: transform .9s;
}
.zoom:hover {
			  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
			}

.page-header {
    background-color: #03b803 ;
    margin: 5px;
    padding: 5px;
    border-radius: 10px;
    letter-spacing: 1px;
}

h1{
    letter-spacing: 20px;
    
}

h2{color: #03b803 ;}

a{color:#03b803 ;}
