body {
    background-image: url('../images/cleanfarmingbackground.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    background-color: #000;
}

.landingPage2L{
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}


.landingPage2L {
    height: calc(100vh * 1.15); /* Increases height by 15% */
    position: absolute;
    left: 0;
    top: 0;
}

.landingPage2R {
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
}

.farmingPG3R {
    width: 50%; /* Adjust this to enlarge the image */
    height: auto; /* Maintain the aspect ratio */
    position: absolute; /* Absolute positioning */
    bottom: -260px; /* Position the image at the bottom */
    left: 44px; /* Move the image to the right  */
}

.farmingPG4R {
    width: 40%; /* Adjust this to enlarge the image */
    height: auto; /* Maintain the aspect ratio */
    position: absolute; /* Absolute positioning */
    bottom: -64px; /* Position the image at the bottom */
    left: 84px; /* Move the image to the right  */
}

.farmingpg1 {
    height: 100vh;
    position: absolute;
    right: +2cm; /* Move the element 2 cm to the left */
    top: 0;
}

.farmSlide {
    width: 80vw;
    height: 16vw;
    background-image: url('../images/farmingslidebar.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
}

.treasure {
    position: relative;
    left: -2in; /* Moves the image 2 inches to the left */
    transform: scale(0.95); /* Resizes the image to 95% of its original size */
}


.howtoFarm {
    display: inline-block;
    width: 40vw;
    vertical-align: top;
    text-align: left;
    margin-top: -60px;
    margin-left: 844px; /* Move it to the left by 1.5 inches */
    margin-right: 0; /* Reset margin-right to avoid conflicts */
   
}


.hotbutton5, .hotbutton6, .hotbutton7, .hotbutton8, .hotbutton9, .hotbutton10 .hotbutton11 {
    cursor: pointer;
}

.hbdesc5, .hbdesc6, .hbdesc7 .hbdesc8, .hbdesc9, .hbdesc10 {
    display: none; /* Initially hide the contents */
}

.hotbutton5, .hotbutton6, .hotbutton7, .hotbutton8, .hotbutton9, .hotbutton10, .hotbutton11 {
    width: 2vw;
    position: absolute;
    cursor: pointer;
    animation: pulse 2s infinite;
}

.hotbutton5 {
    top: 26vw;
    left: 33vw;
}

.hotbutton6 {
    top: 15vw;
    left: 33vw;
}

.hotbutton7 {
    top: 37vw;
    left: 33vw;
}

.hotbutton8 {
    top: 38vw;
    left: 53vw;
}

.hotbutton9 {
    top: 15vw;
    left: 33vw;
}

.hotbutton10 {
    top: 38vw;
    left: 28vw;
}


.hbdesc8 {
    top: 2vw;
    left: 40vw;
    position: absolute;
    width: 65vw;
    display: none;
    background: transparent;
    border: none;
}

.hbdesc10 {
    position: absolute;
    width: 30vw;
    display: none;
    background: transparent;
    border: none;
}

.hbdesc9 {
    position: absolute;
    width: 22vw;
    display: none;
     background: black;
    border: 2px solid #93d600;

}


.hbdesc5 {
    position: absolute;
    width: 22vw;
    display: none;
    background: transparent;
    border: none;
}

.hbdesc6 {
    position: absolute;
    width: 18vw;
    height: 37.5vw;
    display: none;
    background: black;
    border: 2px solid #93d600;
}

.hbdesc7 {
    position: absolute;
    width: 18vw;
    height: 37.5vw;
    display: none;
    background: transparent;
    border: none;
}


.hbdesc5 {
    top: 22.5vw;
    left: 23.5vw;
}

.hbdesc6 {
    top: 2vw;
    left: 2vw;
}

.hbdesc7 {
    top: 28vw;
    left: 23.5vw;
    width: 22vw;
}

.hbdesc9 {
    top: 7vw;
    left: 24vw;
}

.hbdesc10 {
    top: 33vw;
    left: 24vw;
    width: 30vw;
}

.hbdesc8 p, .hbdesc9 p {
    position: absolute;
    font-size: 1vw;
    width: 85%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    font-style: bold;
}

.hbdesc6 p {
    position: absolute;
    font-size: 1vw;
    width: 85%;
    left: 1vw;
    text-align: center;
    text-transform: uppercase;
    font-style: bold;
}

.hbdesc7 p {
    position: absolute;
    font-size: .8vw;
    width: 85%;
    left: -5vw;
    text-align: center;
    text-transform: uppercase;
    font-style: bold;
}

.hbdesc5 p {
    position: absolute;
    font-size: 1vw;
    width: 85%;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    font-style: bold;
}

.hbdesc5 p {
    top: 0.6vw;
    left: 5%;
}

.hbdesc6 p {
    top: 9vw;

}

.hbdesc7 p {
    top: 5vw;
    font-size: .8vw;
    width: 65%;
}

.hbdesc8 p {
    top: 0vw;
    left: 15%;
}

.hbdesc9 p {
    bottom: 20vw;
    left: 40vw;
}
.hbdesc10 p {
    position: absolute;
    font-size: 0.85vw;
    width: 85%;
    left: 8vw;
    text-align: left;
    text-transform: uppercase;
    font-style: bold;
    font-size: 0.85vw;
}

.prizeLineFarm {
    top: 8vw;
    width: 45%;
}

.prizeLineFarm2 {
    width: 30%;
}

.prizeLineMissSun {
    width: 70%;
}

.prizeLineBillboard {
    width: 50%;
}

.hbdesc6 .prizeLine, .hbdesc7 .prizeLine .hbdesc8 .prizeLine, .hbdesc9 .prizeLine .hbdesc10 .prizeLine{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

 .farmPrizesDesc {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 10vw 0 0;
        top: 0;
        left: 0;
        text-align: center;
    }

.farmPrizesDesc {
    position: absolute;
    top: 7vw;
    left: 57vw;
    width: 31vw;
    color: white;
}

.farmPrizesTitle {
    width: 100%;
}

.farmPrizesDesc h3 {
    font-size: 1.3vw;
    text-align: center;
}

.farmPrizesDesc h7 {
    font-size: 2vw;
    text-align: center;
    top: 6vw;
    color: #000000;
}

.farmPrizesOther {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 10vw 0 0;
        top: 0;
        left: 0;
        text-align: center;
    }

.farmPrizesDesc p {
    font-size: 1.2vw;
    font-style: bold;
    text-transform: uppercase;
}

.prizesTitle{
        width: 80%;
    }

.questionCube {
    width: 7vw;
    display: inline-block;
    vertical-align: top;
    margin-top: -74px;
    }