/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}


.container {height: 350px;
            width: 200px;
            background-color: #DAE6E4;
            position: fixed;
            left:10px;
            top: 10px;
            }
            
.container2 {height: 200px;
              width: 250px;
               background-color: #DAE6E4;
               position: fixed;
               left: 280px;
               top: 10px}
               
.container3 {height: 200px;
              width: 250px;
               background-color: #DAE6E4;
               position: fixed;
               left: 280px;
               bottom: 100px}
               
.container4 {height: 200px;
              width: 250px;
               background-color: #DAE6E4;
               position: fixed;
               left: 570px;
               bottom: 100px}
               
.container5 {height: 200px;
              width: 250px;
               background-color: #DAE6E4;
               position: fixed;
               right: 250px;
               bottom: 100px}
               
.container6 {height: 200px;
              width: 260px;
               background-color: #DAE6E4;
               position: fixed;
               right: 240px;
               top: 10px}
               
.container7 {height: 200px;
              width: 250px;
               background-color: #DAE6E4;
               position: fixed;
               right: 550px;
               top: 10px}
               
               
.containerling {height: 280px;
                width: 490px;
                background-color: #DAE6E4;
               position: relative;
               left: 450px;
               top: 60px}
               
.containere {height: 280px;
                width: 490px;
                background-color: #DAE6E4;
               position: relative;
               left: 450px;
               top: 60px}
               
.containerf  {height: 280px;
                width: 490px;
                background-color: #DAE6E4;
               position: relative;
               left: 450px;
               top: 60px}

    
             
.img {position: fixed;
      left: 10px;
      bottom: 50px}

.p {
    width: 170px;
    text-align: justify;
    position: absolute;
    left: 20px;
    top: 60px;
    }
    
.title {position:absolute;
        top: 15px;
        left: 30px}

.valeu {position: absolute;
        top: 300px;
        left: 60px}

.lg {position: absolute;
      top: 15px;
      left: 300px}
      
.ec {position: absolute;
      left: 300px;
      bottom: 120px}
      
.f {position: absolute;
    left: 590px;
    bottom: 120px}

.ha {position: absolute;
      right: 300px;
      bottom: 155px}
      
.pa {position: absolute;
      right: 590px;
      top: 15px}

.ia {position: absolute;
      right: 250px;
      top: 15px}
      
.basicoling {position: relative;
              left: 20px;
              top: 40px;
              text-align: center;
            width: 450px}
            
.basicoec {position: relative;
              left: 20px;
              top: 40px;
              text-align: center;
            width: 450px}
            
.basicof {position: relative;
              left: 20px;
              top: 40px;
              text-align: center;
            width: 450px}