.cherry-bomb-one-regular {
  font-family: "Cherry Bomb One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.fredoka {
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  background-color:#A0BDDA;
  overflow:hidden;
}

.pagewrap{
  height:100%;
  width:100%;
}

.menu{
  height:50px;
  width:585px;
  margin:auto;
}

.page{
  padding:5px;
  margin:auto;
  width:585px;
  height:480px;
  overflow-y:scroll;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.post{
  margin:5px;
  background-color:#779068;
  background-size:cover;
  background-position:center;
  height:230px;
  width:179px;
}

.blurb{
  margin:auto;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:730px;
  height:230px;
  display:flex;
}

.mini{
  width:320px;
  height:100%;
}

.contentwrap{
  height:100%;
  display:flex;
  flex-direction:column;
}

.title{
  position:absolute;
  top:20px;
  width:260px;
  height:45px;
  font-style:italic;
  font-family:Cherry Bomb One;
  font-size:80px;
  color:#CC6F28;
  text-shadow:0 0 5px #592C0A;
}

.content{
  bottom:0;
  position:absolute;
  float:right;
  margin:10px;
  height:125px;
  width:410px;
  background-color:#779068;
  display:flex;
}

.content_left{
  width:70%;
  padding:25px 10px 10px 10px;
  font-size:13px;
  color:#592C0A;
  font-family:Fredoka;
}

.content_right{
}

.photo{
}

.art{
}

.vertical{
  width:250px;
  height:333px;
}

.horizontal{
  height:250px;
}