@font-face{
  font-family: PetscopFont;
    src: url(PetscopWide.ttf);
  }
@font-face {                  
font-family: 'AnalogueOS';
src: url(https://humantooth.neocities.org/fonts/AnalogueOS-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body{
 
  font-family: 'Trebuchet MS', sans-serif;
  background-color:#090003;
  background-image:url("../images/gallery/skystar.jpeg");
  background-size:100%;
  }
/*TEXT ELEMENTS*/
p{
    color:black;
    font-size: 16px;
   
}
    
  ul{
    list-style-image:url(../images/w98smallfolder.png);
    color:black;
    font-size: 12px;
    margin-left:-15px;
    }
  li{
    color:#220077;
    font-size: 12px;
    }
a{
      color:#330077;
      font-size:16px;
 }
a:hover{
      color:purple;
      }
    
h2{
    font-size:22px;
    color:black;
    
  }

/*BOXES: content, footer*/
.flex{
  
  display:flex;
  
  width:1200px;
  margin:auto;
  }
.cont {
  width:950px;
  margin:auto;
  padding:1px 22px 22px 22px;
  background-color: #eeeeee;
   text-align:justify;
   flex:1;
  min-height:100%;
  }
.sidebar { /*SIDEBAR*/
  width: 250px;
  padding:42px 22px 22px 22px;
  background-color: #eeeeee;
  border-left: solid 1px #dddddd;
  
  min-height:100%;
  }
.footer{
  width:1156px;
  margin:auto;
  padding:22px;
  background-color:#110033;
  }
.footer > a{
  color:yellow;  
  text-shadow: 1px 1px 1px #090023;
  }

/*ENTRY LIST CLASSES*/
.year{
  
  font-size:22px;
  color:#090023;
  }
.month {
  list-style-image:url('../images/w98pc.png');
  
  
  }

/*Entry Title*/
.entry{
  color:#341180;
  box-sizing:border-box;
  
  padding:4px 4px 4px 4px;
  font-size:33px;
  position:relative;
  font-family: Arial, sans-serif;
  }
.archiveTitle {
  color:black;
  font-size:33px;
  font-family: AnalogueOS, sans-serif;
  margin:auto;
  }
a, .sidebar{
  color:#fc1345;
}
.sidebar, a:hover{
  color:#9f0030;
}
 header{ 
   /*this is the date header*/
   padding:4px 22px 4px;
   font-size: 17px;
   text-align:justify;
   background-color:#ce0437;
   display:inline;
   color:white;
   position:relative;
   
   box-shadow: 4px 4px 4px #888888;
   }
@media screen and (max-width: 480px) {
  .archive {
    display:none;
  }
  .cont{
    width:1200px;
    
  }
}
/*ANIMATIONS START HERe*/