html, body {
  display: flex;
  flex-direction: column;
  
  margin:0;
  padding: 0;
  
  color: darkgray;
  font-family: monospace;
}

body {
  background-image: url('diedincascadiabackground.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.logo {
  display:flex;
  font-size: 28px;
  font-family: trattatello;
  color: darkgreen;
  line-height: 40px;
  margin: 10px;
  border: 2px solid black;
  border-radius: 15px;
  background-color: white;
  width: 40%;
}

.mainpage {
  display: flex;
}

.rightbox {
  width: 40%;
}

.statusupdate {
  font-size: 20px;
  
  padding: 10px;
  background-color: black;
  color: yellow;
  
  border: 2px solid white;
  margin: 10px;
  
}

.statusupdate p{
 font-size: 18px;
 color: yellow;
  
}

.gtkm{
  font-size: 20px;
  
  padding: 10px;
  background-color: black;
  color: yellow;
  
  border: 2px solid white;
  margin: 10px;
}
.leftbox{
  
  width: 60%;
  
  padding: 10px;
  background-color: black;
  color: darkgreen;
  
  border: 2px solid white;
  margin: 10px;
  
}
.leftbox p{
  color: yellow;
  font-size: 16px;
}

.bulletinboard {
  margin: 10px;
  color: saddlebrown;
  background-image: url('bulletinboard.png');
  background-repeat: no-repeat;
  background-size: 800px 700px;
  height: 700px;
  width: 800px;
  display: flex;
  object-fit: cover;
  text-align: center;
  justify-content: center;
  
  
}
.bulletinboard p{
  margin: 0;
  font-size: 28px;
  font-family: chalkduster;
  line-height: 200px;
}
.bulletinboard img {
  height: 51px;
  width: 108px; 
  left: 200px;
  top: 1280px;
  position: absolute;
}
#palestinegif{
  top: 1000px;
  left: 100px; 
}
#transgif{
  top: 1000px;
  left: 400px;
}
#abolishice{
  top: 1200px;
  left: 300px;
}
#olivetree{
  height: 100px;
}
#freepalestine{
  top: 1200px;
  left: 130px;
}
#translives{
  top: 1080px;
  left: 490px;
  height: 91px;
}
.animalmonth{
display: flex;
position: relative;
top: -650px;
left: 890px;
background: black;
width: 35%;
height: 380px;
padding: 10px;
border: 4px solid white;
color: darkgreen;
font-size: 20px;
margin: 10px;
}
.animalmonth img{
  position: absolute;
  height: 151px;
  width: 218px;
  top: 100px;
  left: 70px;
}
.animalmonth ul{
 position: absolute;
 left: -20px;
 top: 250px;
 list-style-type: none;
 font-size: 18px;
}
.nav{
  
  font-size: 28px;
  
  width: 97%;
  background-color: dodgerblue;
  height: 2%;
  line-height: 28px;
  margin: 10px;
  padding: 0;
  list-style-type: none;
  
}

.nav ul{
  display: flex;
  list-style-type: none;
  float: left;
}

.nav li {
  padding-left: 70px;
  padding-right: 10px;
}