body{
  background-image: url('https://y3llowradish.neocities.org/hackerbackground.jpg');
  background-color: #2a3028;
  font-family: 'Share Tech Mono', sans-serif;
}

p{
  letter-spacing: 1px;
}

#container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

#box{
  display:grid;
  justify-content: center;
  align-items: center;
  background-color: #2a3028;
  border-radius:15px;
  padding:10px;     
  margin-top:50px;                                           
}

#header{
  color:  rgb(212,194,121);
  letter-spacing: 10px;
  text-align:center;
  border-radius:15px;
  font-size: 25px;
  font-family: 'Gajraj One', sans-serif;
}

#header h1{
  margin: 0px;
}

#headerlist{
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 50%;
  margin-left: 50%;
}

.listitem {
  margin-right:50px;
  font-size:20px;
}

.listitem img{
  margin-left:100px;
  width:300px;
}

#footerlist{
  display:flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#footerlist a{
  color: #7179b1;
}


a:link{
  text-decoration: none;
  color: rgb(212,194,121);
}

a:visited{
  color:rgb(212,194,121);;
}

a:hover{
  text-shadow: 0px 0px 2px #78beff;
}


#main{
  display:flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0px 10px 5px 0px;
  border-radius:15px;
  min-height:300px;
  max-height:500px;
  max-width:900px;
}

.mainboxes{
  border: 1px solid #2a3028;
  /* padding: 0px;
  margin: 0px 0px 5px 0px; */
  border-radius:15px;
  min-height:300px;
  max-height:500px;

}

.subheader{
  background-image: linear-gradient(to right,#7179b1, rgba(255,0,0,0)), url('https://y3llowradish.neocities.org/hackerheader.jpg');
  border-bottom: 1px solid #7179b1;
  padding: 10px;
  color: rgb(212,194,121);
  letter-spacing: 3px;
  border-radius:15px;
}

.subheader h3{
margin: 0px;
}

.mainboxescontent{
  padding: 5px 15px 0px 15px;
  color:rgb(40, 19, 8);
  background-color: rgb(126,67,35);
  font-size: 20px;
  min-height:300px;
  max-height:500px;
  max-width:900px;
  text-align:left;
  /* border-radius:1px; */
}

.mainboxescontent img{
  float: right;
  object-fit: cover;
  object-position: 100% 0;
  position:flex;
  /* padding: 4px; */
  width:300px;
  height:300px;
}

#footer{
clear: both;
padding: 3px;
border-top: 1px solid #7179b1;
background-image: linear-gradient(to right,#7179b1, rgba(255,0,0,0)), url('https://y3llowradish.neocities.org/hackerheader.jpg');
font-size: 20px;
}

#footer p{
margin: 0px;
}

::-webkit-scrollbar{
width: 8px; 
}
    
::-webkit-scrollbar-track{
background-color: #C3C3C3;
}

::-webkit-scrollbar-thumb{
background-color: #7179b1;  
}