*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container-outer{
    padding: 10px;
}
.container{
    /* height: 800px; */
    max-width: 1000px;
    
    background-color: aquamarine;
}
.container1{
    height: 40%;
    width: 100%;
    background-color: lightblue;
    padding: 60px;
    padding-left: 200px;
    padding-right: 200px;
    text-align: center;
}
.email{
    height: 90%;
    width: 100%;
    background-color: lightblue;
    padding-top: 20px;
    
}
.container2{
    height: 50%;
    width: 100%;
    background-color: white;
    padding: 2px;
}
 .top{
    height: 30%;
    width: 100%;
    background-color:white;
    padding-top: 10px;
}

.middle{
    height: 70%;
    width: 100%;
    background-color: white;
   
    
}
.left{
    height: 100%;
    width:100%;
    background-color: rgb(7, 29, 24);
    /* display: inline-block; */
    padding: 25px;
    padding-left: 180px;
}
.left1{
    height: 100%;
    width:49.5%;
    background-color:white;
    
}
.image1{
    height:50%;
    width: 100%;
}
.right{
    height: 100%;
    width:100%;
    background-color: rgb(7, 29, 24);
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    padding-left: 180px;
}

.right1{
    height: 100%;
    width:49.5%;
    background-color:white;
    display: inline-block;
    vertical-align: top;
}
/* .down{
    height: 35%;
    width: 100%;
    background-color:white;
    padding-top: 5px;
} */

.container3{
    height: 10%;
    width: 100%;
    background-color: lightpink;
    padding: 20px;
    display: inline-block;
}
img{
    height:30px;
    width: 30px;
}
#image1{
    height:80px;
    width: 80px;
    border-radius: 10px;
    
}
#image2{
    height:80px;
    width: 80px;
    border-radius: 20px;
} 
.bottom{
    height: 100%;
    width: 100;
    display: block;
}
.side1{
    height: 100%;
    width: 75%;
    display: inline-block;
}
.side2{
    height: 100%;
    width: 24%;
    display: inline-block;
    text-align: right;
}
.middle1{
    width: 49%;
    display: inline-block;
}
.middle2{
    width: 49%;
    display: inline-block;
}