.header_logo {
    width: 400px;
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 0px;
    margin-bottom: -45px;
    left: 50%;
    margin-left: -200px;
    margin-top: -43px;
    image-rendering: optimizeQuality; /* Use high-quality rendering */
    object-fit: cover; /* Optional: Preserve aspect ratio and cover the container */

}


.header_YT {
    position:absolute;
    top:0px;
    height:100px;
    margin-top:-10px;
    margin-left:-100px;
}


.usPic_Daniel{
    height:200px;
   
   border-radius:20px;
   box-shadow:0 0 20px black;
   margin-bottom:20px;
}

.discordBtn {
    height: 100px;
}

.patreonBtn{
    height:100px;
   
}

.moatLogDiv{
    width:100%;
    padding-bottom:5px;
    
    
    
}
.moatLogo{
  height:100px;
   
 
    
}


.miniVids {
    width: 100%;
    border: 2px solid white;
    box-shadow: 0 0 20px black;
    border-radius: 20px;
}
.miniVidsSmaller {
    width: 90%;
    border: 2px solid white;
    box-shadow: 0 0 20px black;
    border-radius:20px;
    margin-top:10px;
}
.miniVids:hover {
    cursor: pointer;
}

.miniVidsSmaller:hover {
    cursor: pointer;
}

.bigHeroVideo{
    width: 100%;
    
   
    
 
   left:0px;
   z-index:0;
   margin-bottom:-100px;
   margin-top:-20px;
  
}

.herothumb {
    width: 100%;
    border: 2px solid white;
  
    border-radius: 20px;

}

    .herothumb:hover {
        cursor: pointer;
    }

.textshadowfortitle{
    background-color:black;
    border-radius:20px;

   padding:20px;
   position:relative;
   margin-top:-90px;

}

.textshadowfordesc {
    background-color: black;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-top:30px;
}