@font-face{
  font-family: PetscopFont;
    src: url(PetscopWide.ttf);
  }
body{
 
  font-family: 'Trebuchet MS', sans-serif;
  background-color:#090003;
  background-image:url("../images/starglass.jpeg");
  }
/*TEXT ELEMENTS*/
p{
    color:black;
    font-size: 16px;
   
}
    
  ul{
    list-style-image:url(../images/w98smallfolder.png);
    color:black;
    font-size: 12px;
    margin-left:-9px;
    }
  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;
  flex:1;
  align-items: stretch;
  width:1200px;
  }
.cont {
  width:87%;
  margin:auto;
  padding:1px 22px 22px 22px;
  background-color: #eeeeee;
   text-align:justify;
  }

.footer{
  width:87%;
  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;
  }
.sidebar{
    background-color:#dddded;
    box-sizing:border-box;
    width:300px;
    padding:20px;
}
 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) {
  .entries {
    display:none;
  }
}
/*ANIMATIONS START HERe*/