*{
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: Minercraftory;
    src: url(Minercraftory.ttf);
}
.cotainer{
    
}


.signin-div{
    
    width: 100%;
    height: 36PX;
   
    background-color: #000;
    color: #fff;
    font-family:monospace;
    font-size: 14px;
    font-weight: bold;
    
}
.signin{
    letter-spacing: 2px;
    float: right;
    margin-right: 2%;
    color: #a0e080;
    margin-top: 10px;
    cursor: pointer;
}
.signin:hover{
    cursor: pointer;
    color: #fff;
}
.nav-menu{
    width: 100%;
    background-color: #171615;
    height: 80px;
    position:sticky;
    top: 0;

   
}
.bth{
    letter-spacing: 2px;
    background: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 70px;
    height: 30px;
    font-size: 13px;
    font-family:monospace;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 25px;
    

}
.bth:hover + #con-tent{
    color: #a0e080;
    display: block;
}

#con-tent a {
    letter-spacing: 2px;
    text-decoration: none;
    color: #a0e080;
    margin-left: 40px;
    font-family:monospace;
    font-size: 17px;
    font-weight: bolder;
    margin-top: 0px;
    
}
.ctntli{
    width: 300px;
    height: 40px;
    padding-top: 10px;
   
}

#con-tent{
    
    background-color: #000;
    width: 300px;
    height: 200px;
    margin-left: 25px;
    margin-top: -25px;
    position: absolute;
    list-style: none;
    display: none;
     
}
.con-tent hr{
    height: -5px;
    opacity: 50%;
}

/* .bth:hover + .content {
    display:flow-root;
     
    
}  */
/* .content:hover{
    display: block;
    
} */
.ctntli:hover{
    background-color: #a0e080;
    
    
}
.ctntli:hover > a{
    color: black;
}
.menu-bar {
    display: flex;
    margin-left: 70px;
    list-style: none;
    margin-top: -20px;
    margin-right: 120px;

    
}
.barli{
    letter-spacing: 2px;
    margin-left: 30px;
    color: white;
    font-weight: bold;
    font-family: monospace;
    font-size: 13px;
    cursor: pointer;
    
    
}
.barli:hover{
    color: #a0e080;
}
.logo{
    width: 300px;
    height: 40px;
    margin-left: 700px;
    margin-top: -60px;
}
.gettbtn{
    letter-spacing: 2px;
    width: 200px;
    height: 40px;
    font-size: 13px;
    color: #fff;
    background-color: #3e8e41;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    border: none;
    float: right;
    margin-top: 5px;
    margin-right: -5px;
    cursor: pointer;
}
.gettbtndiv{

    background: linear-gradient(180deg, rgba(65,235,46,1) 0%, rgba(62,142,65,1) 53%);
    font-weight: 800;
    width: 190px;
    height: 50px;
    float: right;
    margin-left: 480px;
    margin-top: -50px;
    margin-right: 30px;

}
.gettbtn:hover{
    background-color: #2d6d2f;
}

.firstDiv{

width: 100%;
height: 600px;
background-color: #233b5a;
}
/* .firstInner{
 
width: 100%;
height: 600px;
background-color: #233b5a;
opacity: 90%;

} */
.heroImg{
    margin-left: 245px;
    
}


.divpic{
    width: 70%;
height: 600px;
margin-left: 250px;
    background-image: url(MC-Homepage_Hero-Image-1200_HGG_1200x600.avif) ;
}
.mainHead{
   font-family:  Minercraftory;
   color: #fff;
   text-shadow: 2px 2px 5px#000;
   font-size: 40px;
   margin-left: 110px;
   padding-top: 60px;
   letter-spacing: 2px;
   

}
.mainHead2{
    font-family:  Minercraftory;
    color: #fff;
    text-shadow: 2px 2px 5px#000;
    font-size: 40px;
    margin-left: 245px;
    letter-spacing: 2px;

 }
.text1{
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-left: 150px;
    margin-top: 30px;
    text-shadow: 2px 2px 5px#000;
    letter-spacing: 2px;
}

.gettbtn2{
    width: 140px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    background-color: #3e8e41;
    font-weight: 550;
    font-family:sans-serif;
    padding: 5px;
    border: none;
    margin-top: 5px;
    margin-right: 0;
    cursor: pointer;
    letter-spacing: 2px;
    
}

.gettbtndiv2{

    background: linear-gradient(180deg, rgba(65,235,46,1) 0%, rgba(62,142,65,1) 53%);
    font-weight: 800;
    width: 140px;
    height: 50px;
    margin-left: 230px;
    margin-top: 20px;

}
.gettbtn2:hover{
    background-color: #171615;
    height: 50px;
    margin-top: 0px;
    border-color: #fff;
    
}
.secontInner{
    background-image: url(bg-wool-dark.png);
    width: 100%;
    padding-top: 50px;
    height: 2300px;
}
.whit-div{
    width: 1140px;
    height: 850px;
    margin-left: 270px;
    background-color: #fff;
}
h2{
    color: black;
    font-family: sans-serif;
    letter-spacing: 2px;
}
.text2{
    color: black;
    font-family: sans-serif;
    font-size: 27px;
    padding-top: 100px;
    margin-left: 240px;
    letter-spacing: 2px;
}
.gettbtn3{
    margin-left: 50px;
    
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #fff;
    background-color: #3e8e41;
    font-family:sans-serif;
    margin-top: 275px;
    margin-right: 0;
    cursor: pointer;
    letter-spacing: 2px;
    transform: rotate(180deg);
    float: left;
    border: none;
    
    
}
.slide1{
    margin-top: 100px;
    width: 250px;
    height: 550px;
    margin-left: 50px;
    float: left;
}
.slideimg{
    width: 250px;
    height: 400px;
}
.slideimg:hover{
    margin-left: -2.5px;
    margin-top: -2.5px;
    width: 255px;
    height: 405px;
    animation-duration: 3s;
}
.gettbtn4{
    margin-left: 50px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #fff;
    background-color: #3e8e41;
    font-family:sans-serif;
    margin-top: 275px;
    margin-right: 0;
    cursor: pointer;
    letter-spacing: 2px;
    float: left;
    border: none;
    
}
.gettbtn4:hover,.gettbtn3:hover{
    background-color: #171615;
    
    border: outset;
    border-color: #fff;

}
.slidetexth{
    color: #2d6d2f;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 80px;
    font-size: 17px;
    margin-top: 10px;
    cursor: pointer;
}
.slidetexth1{
    color: #2d6d2f;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 80px;
    font-size: 17px;
    margin-top: 10px;
    cursor: pointer;
}
.slidetexth2{
    color: #2d6d2f;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 35px;
    font-size: 17px;
    margin-top: 10px;
    cursor: pointer;
}
.slidetexth:hover ,.slidetexth1:hover ,.slidetexth2:hover{
    text-decoration: underline;
    color: #000;
}
.slidetextp{
    color: #534b4b;
    font-family: sans-serif;
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
}
.news{
    color: #ffffff;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 720px;
    font-size: 30px;
    margin-top: 100px;
    cursor: pointer;
}
.slide2image{
    width: 350px;
    height: 200px;
    border: 2px solid #fff;
    
}
.slide2image:hover{
    border: 2px solid #3e8e41;
}
.slide2{
    width: 350px;
    height: 350px;
    margin-top: 100px;
    float: left;
    margin-left: 100px;
}
.gettbtn5{
    margin-left: 75px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #fff;
    background-color: #3e8e41;
    font-family:sans-serif;
    margin-top: 175px;
    margin-right: 0;
    cursor: pointer;
    letter-spacing: 2px;
    float: left;
    border: none;
    
}
.gettbtn6{
    margin-left: 50px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #fff;
    background-color: #3e8e41;
    font-family:sans-serif;
    margin-top: 175px;
    margin-right: 0px;
    margin-left: 75px;
    cursor: pointer;
    letter-spacing: 2px;
    transform: rotate(180deg);
    float: left;
    border: none;
    
    
}
.gettbtn5:hover,.gettbtn6:hover{
    background-color: #171615;
}
.newstext{

    color: #ffffff;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;

}
.newstext:hover{
    color: #44b747;
}
.newssubtext{

    color: #ffffff;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    cursor: default;

}
.whiteds{
    margin-top: 500px;
    background-image: url(bg-wool-light.avif);
    width: 100%;
    height: 700px;
}
.toptrans{
    
    width: 100%;
    height: 200px;
}
.bottomtrans{
    
    width: 100%;
    height: 200px;

}
.whiteimg{
    margin-left: 350px;
    
    width: 1000px;
    height:  300px;
    
}
.jura{
    width: 500px;
    height: 300px;
    float: left;
}
.juratext{
    color: #000000;
    font-family: sans-serif;
    font-size: 25px;
    font-weight:900;
    margin-top: 70px;
    margin-left: 20px;
    cursor: default;
    float: left;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.jurasubtext{
    letter-spacing: 1px;
    color: #5c5959;
    font-family: sans-serif;
    font-size: 15px;
    margin-top: 5px;
    margin-left: 20px;
    float: left;
}
.therdinner{
    background-color: #fbefef;
    width: 100%;
    height: 874px;
}
.iconediv{
    background-color: #000;
    width: 100%;
    height: 150px;
}
.followtext{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 18px;
    padding-top: 20px;

}
.icon1,.icon2,.icon3,.icon4{
    width: 40px;
    height: 40px;
   
    float: left;
    border-radius: 50%;
    margin-top: 40px;
    margin-left: 20px;

}
.icon:hover{
    background-color: blue;
}
.icon1:hover{
    background-color: rgb(255, 123, 0);
}
.icon2:hover{
    background-color: red;
}
.icon3:hover{
    background-color:rgb(239, 0, 243);
}
.icon4:hover{
    background-color: blue;
}
.icon{
    width: 40px;
    height: 40px;
    
    float: left;
    border-radius: 50%;
    margin-left: 700px;
    margin-top: 40px;
    
}
.iconimg{
    width: 30px;
    height: 30px;
    filter: invert();
    padding-left: 5px;
    padding-top: 5px;
}
.graydiv{
    width: 100%;
    height: 600px;
    background-color: #171615;
    
}
.mojang{
    margin-left: 200px;
    margin-top: 100px;
    
}
.xbox{
    margin-left: 100px;
}
.mojangtext{
    color: #fff;
    font-family: sans-serif;
    margin-left: 200px;
    margin-top: 50px;
}
.mojangtext1{
    color: #3e8e41;
    font-family: sans-serif;
    margin-left: 200px;
    margin-top: 20px;
    cursor: pointer;
}
.mojangtext1:hover{
    color: #fff;
}
.grayul{
    color: #3fa943;
    font-family: sans-serif;
    font-size: 15px;
    list-style: none;
    height: 500px;
    width: 300px;
    margin-left: 750px;
    padding-top: 100px;
    letter-spacing: 1px;
    cursor: pointer;
    
}
.grayul li{
    height: 30px;
}
.ulhead{
    color: #fff;
    
    font-weight: bold;
}
.grayul2{
    color: #3fa943;
    font-family: sans-serif;
    font-size: 15px;
    list-style: none;
    height: 500px;
    width: 200px;
    margin-left:100px;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: -500px;
    float: right;
    margin-right: 400px;
}
.grayul2 li{
    height: 30px;
}
.ulhead2{
    color: #fff; 
    font-weight: bold;
}
.esrb{
    width: 200px;
    height: 200px;
   float: right;
   margin-top: -530px;
   margin-right: 200px;
}
.footer{
    position: relative;
    width: 100%;
    height: 125px;
    background-color: #313131;
    
}
.fotbtn{
   position: absolute;
    margin-left: 50px;
    height: 50px;
    width: 250px;
    padding-bottom: 10px;
    font-size: larger;
    background: transparent;
    color: #ffffff;
    display: flex;
    border: none;
    padding: 15px 0px 0px 20px;
    margin-top: 40px;
    
    

}
.fotbtnimg{
   margin-right: 10px;
    width: 20px;
    filter: invert();
}
.fotbtnimg1{
    margin-left: 10px;
    margin-top: 5px;
}
.fotbtndiv{
    position: relative;
    
    
}
.lastul{
    position: absolute;
    display: flex;
    color: #928f8f;
    font-family: sans-serif;
    list-style: none;
    margin-left: 400px;
    margin-top: 55px;

}
.lastli{
    width: 150px;
}
.micro{
    float: right;
    margin-top: 45px;
    margin-right: 300px;
}