@font-face {
  font-family: 'crayon';
  src: url(/newstyle/fonts/Candycolouredclown-x2vq.otf);
}
@font-face {
  font-family: 'cheese';
  src: url(/newstyle/fonts/MouldyCheeseRegular-WyMWG.ttf);
}
body {
  background-color: #ffffff;
  color: #ffadc6;
  font-family: 'cheese', comic sans ms;
  background: url(https://file.garden/aZ0un9iNxlSmth1T/background.jpg);
  background-repeat:repeat;
    scrollbar-color: #e34989 #fdeed9;
}
footer {
  text-align: center;
  font-family: 'crayon', comic sans ms;
  background:transparent;
  border:none;
  font-size:20px;
  padding:11px;
  color: #e34989;
}
/* grid stuff */
.header, .stamps { grid-column: auto / span 7; }
.info, .blogfeel, .rings { grid-column: auto / span 4;}
.chat, .todo, .button {grid-column: auto / span 2;}
.menu, .info, .chat {max-height:450px; overflow:auto; overflow-x:hidden;}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  grid-template-rows: auto auto auto;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background: transparent;
  max-width:1200px;
  margin: auto;
}

.grid-container > div {
  background-color: #fdeed9;
  border: 5px solid #e34989;
  text-align: center;
  font-size: 30px;
  position:relative;
  padding:10px;
}
/* grid stuff ends */


/* styles all dashed dividers */
hr {
margin:auto;
color:transparent;
border-top: 3px solid #e34989;
}

/* this is for the Hazypolitan text */
p.top {
  float:left;
  font-size:60px;
  margin-top: 100px;
  text-align:left;
  position:absolute;
  top:0;
  left:0;
  color: #e34989;
}
/* this is for all the headers that are aligned to the left */
p.headleft {
 margin:auto;
 text-align:left;
 font-weight:bold;
 color: #e34989;
}
/* this is for all the headers that are aligned to the center */
p.headcenter {
 margin:auto;
 text-align:center;
 font-weight:bold;
 color: #e34989;
}
/* list styling for navigation and outgoing */
ul.a {
  list-style-type:circle;
  color:#e34989;
  font-size:20px;
  text-align:left;
}
/* list styling for to do */
ul.b {
  list-style-type:none;
  font-size:20px;
  text-align:left;
}
/* top box */
.header {
  background-image:url("https://i.imgur.com/IZlBxeg.png");
  background-size:cover;
}
/* styles ALL button elements but i used it for the top */
button {
  background-color: white;
  border: 5px solid #e34989;
  border-radius:50px;
  color: #e34989;
  padding: 15px 175px;
  text-align: center;
  display: inline-block;
  font-size: 60px;
  float:right;
  margin-top: 55px;
  margin-right:50px;
}
.blogfeel {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}

.feeling {
  padding: 10px;
  flex: 50%;
}

.blog {
  padding: 10px;
  flex: 50%;
}