

body{
    background-color: white;
    margin: 0px;
}

h1{ 
    color: white;
    font-style: bold;
}

p{
  padding: 15px;
} 

.container-fluid img{
  opacity: 80%;
    }
.image3 img{
  opacity: 90%;
}

.container {
    position: relative;
    text-align: center;
  }

  .centered {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }



  .container-fluid .btn {
    position: absolute;
    top: 70%;
    left: 28%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #0082C5;
    color: white;
    font-size: 20px;
    padding: 15px 30px;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 5px;
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
  }
  
  .container-fluid .btn:hover {
    background-color: white;
color: #0082C5;
}

    .container-fluid .btn-item {
        position: absolute;
        top: 70%;
        right: 13%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #0082C5;
        color: white;
        font-size: 20px;
        padding: 15px 30px;
        border: 1px solid black;
        cursor: pointer;
        border-radius: 5px;
        text-align: right;
        font-family:Arial, Helvetica, sans-serif;
     text-decoration: none;
      }
      
      .container-fluid .btn-item:hover {
        background-color: white;
        color: #0082C5;
    }

    .square1 {
        height: 50px;
        width: 50px;
        margin-top: -40px;
        margin-right: 20px;
        background-color: #96CAF5;
        float: right;
      }

      .square {
        height: 40px;
        width: 40px;
        margin-top: 45px;
        margin-right: 20px;
        background-color: #0082C5;
        float: right;
      }

      .square img{
        color: white;
      }

      * {
        box-sizing: border-box;
      }

     
      
    
      .row:after {
        content: "";
        display: table;
        clear: both;
      }
      
    footer{
        padding: 3px;
        background-color: grey;
        color: white;
      
    }

