@font-face{
  font-family: PetscopFont;
    src: url('https://nyrestar.neocities.org/fonts/PetscopWide.ttf');
  }
@font-face{
  font-family:Treb;
  src:url(../fonts/trebuc.ttf);
  }
body{
 
  font-family: 'Trebuchet MS', Treb;
  cursor:url('https://nyrestar.neocities.org/cursor/boxquestionblue.gif'), auto;
  }
h1{
  font-family: PetscopFont;
  color:white;
  }
h2 {
  font-size:23px;
  color:white;

}
 p{
  color:black;
  font-size:16px;
  padding:0px 3px 0px;
  text-align:justify;
  }
  ul{
    list-style-image:url(https://nyrestar.neocities.org/images/w98smallfolder.png);
    }
  li{
    font-size:16px;
    color:white;
    }
  
.borders{
  border-style: solid;
  border-color: white;
  border-width: 4px;
  padding: 5px;
  }

 .main{
   width:1210px;
   margin:auto;
   background-color:rgba(0,0,0,0.6);
   padding: 10px;
   
   }
  .cont{
    background-color:rgba(222,222,225,1);
    width:890px;
    
    float:left;
    padding: 10px;
    min-height:100%;
    position:relative;
    
    
    }
    
  .flex{
    display:flex;
    flex:1;
    width:1210px;
    }
.side{
  width:280px;
  background-color:rgba(14,0,40,0.5);
  
  padding:0px 10px 10px 10px;
  min-height:100%;
  position:relative;
  
    
  }
  
.side > p{
   color:white;
    
  }

.navb{
  color:#100030;
  width:100%;
  display:none;
  }
.navb  li{
  display:inline-block;
  text-align:center;
  }
.footer{
  background-color:#300010;
  width:1190px;
  padding:5px 10px 5px;
  margin:auto;
  
  border-top: solid 3px #220020;
  }
.footer > p{
  color:white;
  
  }

a:hover {
  
  color:#42ffc0;
  }


.grid{
  display:grid;
  grid-gap: 10px;
  grid-template-columns: auto auto auto auto;
  
  padding:10px 1px 1px 1px;
  box-sizing:border-box;
}
.grid > div{
  background-color:black;
  padding:5px;
  max-width:100%;
}
.entrylink{
  color:white;
  font-size:20px;
}
 .grid > div > a > img {
    width: 100%;
    height:100%;
    object-fit:cover;
    transition: opacity 0.3s;
 } 
 .grid > div > a > img:hover{
    opacity:0.5;
    
 } 
li a {
    color:#adadff;
}
 .cont:hover > a {
    color:black;
}