html, body {
    width: 100%;
    height: 100%;
}

body {
    background-image: url('./images/GREENIE.png');
    background-color: #0b0500;
    background-position: justify;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

.hydration {
    display: block;
    position: sticky;
    width: 205px;
    height: 205px;
    margin-top: 450px;
    margin-left: 400px;
    margin-right: 0px;
}

.hydration1 {
    display: block;
    width: 205px;
    height: 205px;
    margin-top: -50px;
    margin-left: 590px;
    margin-right: 0px;

}

.hydration3 {
    display: block;
    width: 205px;
    height: 205px;
    position: justify;
    margin-top: 30px;
    margin-left: 390px;
    margin-right: 0px;

}



.plastic {
    display: block;
    width: 350px;
    height: 350px;
    margin-top: -280px;
    margin-left: 600px;
    margin-right: 0px;
}

.plastic2 {
    display: block;
    width: 350px;
    height: 350px;
    margin-top: -285px;
    margin-left: 700px;
    margin-right: 0px;
}

.plastic4 {
    display: block;
    width: 350px;
    height: 350px;
    margin-top: -280px;
    margin-left: 600px;
    margin-right: 0px;
}


.why {
    display: block;
    width: 270px;
    height: 170px;
    margin-top: 0px;
    margin-left: 400px;
    margin-right: 0px;

}

.why5 {
    display: block;
    width: 270px;
    height: 170px;
    margin-top: 0px;
    margin-left: 400px;
    margin-right: 0px;

}

.why6 {
    display: block;
    width: 270px;
    height: 170px;
    margin-top: 0px;
    margin-left: 400px;
    margin-right: 0px;

}



h1 {
    font-style: normal;
    font-size: 80px;
    border: none;
    margin-top: -120px;
    margin-bottom: 0px;
    margin-left: 300px;
    margin-right: 0px;

}

p {
    font-style: normal;
    font-size: 26px;
    border: none;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 130px;
    margin-right: 0px; 
}

h2 {
    font-style: normal;
    font-size: 46px;
    border: none;
    margin-top: -130px;
    margin-bottom: 0px;
    margin-left: 520px;
    margin-right: 0px;

}


table {
    width: 400px;
    height: 400px;
    border: none;
    position: center;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}

table2 {
    width: 400px;
    height: 400px;
    border: none;
    position: center;
    text-align: center;
    margin-left: 580px;
    margin-right: 0px;
}

.child img:hover{
    opacity:0.5;
    transition: 1s ease;
    cursor: pointer;
}