body {
    background-color: white;
}

  .mainWaves {
    background-image: url('https://i.ibb.co/ccw6DXL/waves-1867285-1280.jpg') !important;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover; 
} 
  .mainField {
    background-image: url('https://i.ibb.co/71ch3dw/tree-736875-1280.jpg') !important;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover; 
} 
  .mainScience{
    background-image: url('https://i.ibb.co/FsKVqqZ/lightbulb-1875247-1280.jpg') !important;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover; 
} 
.alignedBoxes{
   height: 500px;
  background-color: none;
}
.box {
    opacity: 0.8 !important;
    color: black !important;
    overflow: scroll;
}
.boxOne {
    margin-top: -10%;
    opacity: 0.8 !important;
    height: 400px;
    width: 40%;
    margin-left: 5%;
    color: black !important;
    font-size: 20px;
    float: left;
    overflow: scroll;
}

.boxSecond {
    margin-top: -10%;
    background-color: none !important;
    opacity: 0.8 !important;
    height: 400px;
    width: 40%;
    margin-right: 10%;
    color: black !important;
    font-size: 18px;
    float: right;
    overflow: scroll;
}

.boxThird {
    background-color: white;
    padding: 15px;
    margin-top: -50%;
    opacity: 0.5 !important;
    height: 300px;
    width: 100%;
    color: black !important;
    font-size: 20px;   
    font-weight: 400;
    overflow: scroll;
}
    .level {
    background-color: white !important;
    }
    
    .link {
        color: #f58220 !important;
        font-size: 20px;
        font-weight: bold;
    }
    
    /* .backgroundImage {
        background-image: 
        linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
        url('https://i.ibb.co/tKNTBkp/wheat-1149885-1920.jpg');
        background-repeat: no-repeat, repeat !important;
        background-size: cover !important;
    } */
    
    .whiteBox {
    margin-left: 50px; 
    margin-right: 50px;
    height: 175px;  
    color: black !important;
    border: #027179 3px solid !important;
    border-radius: 10px;
    text-align: center;
    opacity: 0.9;
    height: 300px;
    overflow: scroll
    }

    .mainTitle{
        text-align: center;
        margin: 10px;
        font-size: 30px;
        font-weight: 800;
        color: black;
    }
    .title{
        color: white !important;
    }

    .titleBlack{
        color: black !important;
    }

    .subtitleWhite{
        color: white !important;
    }

    .titleTwo{
        color: #f58220 !important;
    }

    .sectionOneDesign{
        padding-bottom: 50px;
        background-color: #008e97 !important;
        color: white;
    }
    .sectionTwoDesign{
        background-color: white !important;
        color: black !important;

    }
    .sectionThreeDesign{
        background-color: #008e97 !important;
        color: white;

    }
    .is-distinct{
        background-image:
          url('https://i.ibb.co/J3MgV8B/seaweed-4426380-1920.jpg');
          background-repeat: no-repeat, repeat !important;
          background-size: cover !important;
    }
    .button{
        background-color: #f58220 !important;
    }
    .card-header-title{
        color: white !important;
    }
    .myButton {
        margin-left: 30% !important;
        margin-right: 20% !important;
        margin-bottom: 10% !important;
        margin-top: 10% !important;
    }
    .card {
        background-color: #008e97 !important;
        color: white !important;
    }

 .copyright{
     padding-top: 10px;
    font-size: 13px;
 }
       .nature {
        background-image: url('https://i.ibb.co/ccw6DXL/waves-1867285-1280.jpg') !important;
        width: 100% !important;
        height: 500px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        }
        .mainTitleThree{
            text-align: center;
            margin: 10px;
            font-size: 40px;
            font-weight: 800;
            font-style: italic;
            color: white;
        }

        .strongText{
            color: black !important;
            font-size: 20px;
            font-weight: 900;

        }

        .mainTitleFour{
            text-align: center;
            margin: 10px;
            font-size: 40px;
            font-weight: 800;
            font-style: italic;
            color: white;
        }

           .field {
            background-image: url('https://i.ibb.co/71ch3dw/tree-736875-1280.jpg') !important;
            width: 100% !important;
            height: 500px;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            }
            
            .science{
            background-image: url('https://i.ibb.co/FsKVqqZ/lightbulb-1875247-1280.jpg') !important;
            width: 100% !important;
            height: 500px;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            color: white;
            }
        
            .testing{
             background-color: white !important;
             color: black !important;
            }

            .footerFoo {
                background-color: #008e97 !important;
                position: fixed;
                left: 0;
                bottom: 0;
                opacity: 0.9;
                color: white !important;
                width: 100%;
                height: 75px !important;
                text-align: center;
             }


                .imageTwo{
                 width: 100%;
                 background-image:
                 linear-gradient(
                    rgba(0, 0, 0, 0.5),
                    rgba(0, 0, 0, 0.5)
                  ), url('https://i.ibb.co/J3MgV8B/seaweed-4426380-1920.jpg');
                  background-repeat: repeat !important;
                  background-size: cover !important;
                  background-position: center;

                }
        
/* #008e97 & #f58220 */