/* a {
    color: rgb(120, 0, 0);
}
 a:link {
    color: rgb(120, 0, 0);
} 
 a:visited {
    color: rgb(120, 0, 0);
} 
a:hover {
    color: rgb(255, 0, 0);
} */
/* mark1 {
    background-color: red;
    color: white;
}

mark2 {
    background-color: orange;
    color: black;
}

mark3 {
    background-color: yellow;
    color: black;
}

mark4 {
    background-color: greenyellow;
    color: black;
}

mark5 {
    background-color: blue;
    color: white;
}

mark6 {
    background-color: purple;
    color: white;
}

mark7 {
    background-color: magenta;
    color: black;
}

mark8 {
    background-color: black;
    color: white;
}
 */


a {
    color: #880000;
    text-decoration: none;
}

a:hover {
    color: #c17b01;
    text-decoration: none;
}

.aqua-body {
    background-image: url('../assets/background-aquarium-v3.1.png');
    /* background-size: 100% auto; */

    /* daria w3 */
    /* Full height */
    /* height: 100%; */

    /* Center and scale the image nicely */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-size:contain  */

    /* Aakhya Singh codepen */
    /* background-attachment: fixed; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-position: center center; */
    /* height: 100%; */
    /* width: 100%; */
    /* color: white; */
    /* text-align: center; */
    /* display: table; */
    /* background-color: rgba(21, 139, 207, 0.5); */

    /* daria*/
    /* box-sizing: border-box; */
    /* height: 100%; */
    /* margin: 0; */

    /* background-size: cover; */
    /* display: flex; */
    /* flex-direction: row; */

    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: rgba(21, 139, 207, 0.5);
}

.aqua-div {
    background-color: rgba(25, 168, 250, 0.5);
    border-radius: 15px;
    padding: 15px
}

.aqua-div1 {
    background-color: rgba(25, 130, 250, 0.5);
    border-radius: 15px;
    padding: 15px
}

.green-body {
    background-image: url('../assets/background-greenhouse-v3.png');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: rgba(14, 134, 32, 0.766);

    /* daria*/
    /* box-sizing: border-box; */
    /* height: 100%; */
    /* margin: 0; */

    /* background-size: 100% 100%; */
    /* display: flex; */
    /* flex-direction: row; */

}

.green-div {
    background-color: rgba(24, 199, 59, 0.66);
    border-radius: 15px;
    padding: 15px
}

.farm-body {
    background-image: url('../assets/background-farm-v2.png');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #DCB567;

    /* daria*/
    /* box-sizing: border-box;
    height: 100%;
    margin: 0;

    background-size: cover;
    display: flex;
    flex-direction: row; */

}

.farm-div {
    background-color: rgba(199, 176, 24, 0.53);
    border-radius: 15px;
    padding: 15px
}

.tropari-body {
    background-image: url('../assets/background-safari-v1.1.png');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.tropari-body1 {
    background-image: url('../assets/background-safari-v2.png');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.tropari-body2 {
    background-image: url('../assets/background-safari-v3.png');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.tropari-div {
    /* background-color: rgba(169, 174, 16, 0.625); */
    background-color: rgba(205, 173, 12, 0.75);
    border-radius: 15px;
    padding: 15px
}

.troparisub-div {
    background-color: rgba(205, 173, 12, 0.75);
    border-radius: 15px;
    padding: 15px
}

.main-body {
    /* background-image: url('../assets/images-2.jpeg'); */
    background-image: url('../assets/glitch-3.gif');
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: repeat;
}

.main-div {
    background-color: rgba(211, 69, 8, 0.695);
    border-radius: 15px;
    padding: 15px;
}


.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    /* border: 3px solid green;  */
}

.centerfrm {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 200px; */
    /* border: 3px solid green;  */
}

.map {
    width: 100%;
    aspect-ratio: 2100 / 1800;
    background-image: url('../assets/map-v3.1.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* height: 700px; */
}

.troparih {
    width: 100%;
    aspect-ratio: 37 / 21;
    background-image: url('../assets/background-safari-v1.1.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* height: 700px; */
}

.aquah {
    width: 100%;
    aspect-ratio: 37 / 21;
    background-image: url('../assets/background-aquarium-v3.1.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* height: 700px; */
}

.farmh {
    width: 100%;
    aspect-ratio: 37 / 21;
    background-image: url('../assets/background-farm-v2.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* height: 700px; */
}

.greenh {
    width: 100%;
    aspect-ratio: 37 / 21;
    background-image: url('../assets/background-greenhouse-v3.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    /* height: 700px; */
}



.tropari1 {
    background-color: rgba(255, 255, 0, 0);
    color: white;
    width: 100%;
    translate: 15% 0%;
    aspect-ratio: 400 / 300;
}

.farm1 {
    background-color: rgba(255, 128, 0, 0);
    color: white;
    width: 100%;
    translate: 15% 0%;
    aspect-ratio: 400 / 300;
}

.aqua1 {
    background-color: rgba(0, 0, 255, 0);
    color: white;
    width: 100%;
    translate: -15% 0%;
    aspect-ratio: 400 / 300;
}

.green1 {
    background-color: rgba(0, 255, 0, 0);
    color: white;
    width: 100%;
    translate: -15% 0%;
    aspect-ratio: 400 / 300;
}

.help1 {
    background-color: rgba(255, 0, 0, 0);
    color: white;
    width: 275%;
    translate: -32.5% -75%;
    aspect-ratio: 400 / 300;
}



/* .map-body {
    background-image: url('../assets/map-v3.png');
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
} */