style.css

body{
    background: url("https://i.imgur.com/gfu48OX.png");
    color: #250cb400;
    font-family: Droid Sans;
    font-size: 16px;
    font-weight: bold;
    
    line-height: 1.6em;
}


.container{
    width: 1904px;

position: relative;
top: -145px;
left: -8px;
    margin: auto;
}

#A  {
color: rgb(12, 29, 1);
}

.informer{
position: relative;
top: 333px;
height: 111px;
width: 166px;
right: -212px;}

.silence{
position: relative;
top: 333px;
left: 262px !important;
height: 111px;
width: 166px;

}

.UploadButton{
position: relative;
top: 92px;
height: 44px;
left: 740px;
border-radius: 4px;
}

.UploadButton:hover{
background: url("https://i.imgur.com/ALOrAo4.png") !important;
position: relative;
top: 92px;
height: 44px;
left: 740px;
border-radius: 4px;
}


.memes{
position: relative;
top: -316px;
left: 1657px;
text-shadow: 2px 2px 4px #777777;
color: #000 !important;
list-style: none !important;
}

.memes:hover{
text-shadow: 0px 0px 0px #fff !important;
color: #777777 !important;
list-style: none;
}


.haloiii{
position: relative;
top: 333px;
height: 111px;
left: 177px;
}

.vine{
position: relative;
top: 333px;
height: 111px;
left: 199px;}

.smoshmurder{
position: relative;
top: 333px;
height: 111px;
right: -233px;}

.pleasemay{
position: relative;
top: 333px;
height: 111px;
right: -310px;}


.mem{
position: relative;
top: 333px;
height: 111px;
width: 177px;
right: -344px;}


.box-1{
    background: url("https://i.imgur.com/lFIwcA8.png");
top: 12px;
    

 


       /* same as the one above */
     

   
       /* space it away */
height: 80px;
width: 2000px;
box-shadow: #0c0c0c 2px 2px 9px 2px;
       padding-top: px;
       padding-bottom: px;
       padding-left: 20px;
       padding-right: 20px;
       /* same as above */
       padding:2px;
       /* adds space to the top */
       margin-top: 2px;
       margin:20px 0;  
}

   /*word formating*/
.box-1 h1{
     font-family: Droid Sans;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
    text-transform: uppercase;
}

.box-2{
    border: 5px rgb(45, 167, 72) solid;
   
    padding:20px;

    margin-top: 20px;
    margin:20px 0;  
    padding: 50px;
    border: radius 5px;
    Margin-right: 30px;
    Margin-left:  90px;
    
}

.box-2 h1{
    text-align:center;
    font-family: Droid Sans;
    font-size: 50px;
    margin-top: 15px;
    color: #fff;
}
 .box-2 h2{
     text-align: center;
    font-size: medium;
    color: #fff;
 }

 .box-2 h3{
     text-align: center;
     outline: 5px rgb(0, 0, 0) solid ;
 }

.box-2 p{
 font-family: Droid Sans;
 text-align: center;
 word-spacing: 0.1em;
 outline: 5px rgb(0, 0, 0) solid;
}
/*video slot */



/*Cateogory slot*/
/* Class */
.Category{
   
    padding: 10px;
    border: radius 5px;
    Margin-right: 30px;
    Margin-left:  90px;
}
/* Class */

/* Title */
.Category h1{
     text-align:center;
     font-family: Droid Sans;
     font-size: 50px;
     margin-top: -15px;
text-shadow: 2px 2px 10px #fff;
position: relative;
top: -122px;
left: -722px;
    color: #fff;
}

.Category h2{
    font-size: medium;
     color: #fff;
    text-align: center;
}

.halo3{
background-image: url("https://static2.srcdn.com/wordpress/wp-content/uploads/2020/07/Halo-Master-Chief.jpg")
}

nav{
height: 1px !important;
}



/* Categories */
.Category ul{
     padding: 0px;
display: flex;
 position: relative;
left: 100px;
top: 22px;
  align-items: center;
     padding-left: 20px;
     list-style: none;
    font-family: Droid Sans;
}

/* color changing */
A{
  text-decoration: none;
  color: #fff;
}

A{
    font-size: 20px;
}

/* On and off color */
A:hover{
    color: rgb(45, 167, 72);
}
/* active-Does nothing but is useless tbh */
A:active{
    color: blue;
}

/* visited parts */
a:visited{
    none
}

/* adds lines between things */
.Category li{
   

    list-style-image: url("Image/check.png.png")
}
/*Category slot*/ 



}
/* inputs */
.Digabe-12{
   padding:20px; 
   padding-bottom:15px;    
}


.Form-groups{
   padding-bottom:15px;
}

.Digabe-12 {
     display:block;  
}