/* MISC */
body {
  background-color: #f5f4f9;
  color: #100e11;
  font-family: georgia serif;
  font-family: 'trebuchet ms',sans-seri;
      }

h1 {
  text-align: center;
  font-family: georgia serif;
      }
p  {
  font-family: 'trebuchet ms',sans-seri;
      }

/* DIVS */

/*  4 MAIN PAGES  */

          /*  PAGE DECORATION  */
.gothiclace  {
  width: 983px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; 
  bottom: 0;
  margin: auto;
  overflow: auto;
  border: 14px solid;
  border-image: url(https://asingleredclover.neocities.org/site_decor/gothic_pagelace.png) 15 fill round;
  min-height: auto;
      }

          /*  CONTENT HOLDERS  */
.clover  {
  float: left;
  position: relative;
  text-align: center;
  align-items: center;
  width: 257px;
  height: 668px;
  overflow: visible;
  margin: auto;
  margin-left: 10px;
      }
.apple  {
  float: right;
  position: absolute;
  width: 734px;
  height: 668px;
  overflow: auto;
  margin: auto;
  margin-left: 230px;
      }

          /*  CONTENT HOLDERS II  */
.appleslice  {  /*  Newpaper  */
  margin: auto;
  margin-bottom: 15px;
  width: 650px;
  padding: 15px;
  border-radius: 5px;
  background-color: #9c1920bf;
      }
.peanutbutter  {  /*  Date holder  */
  width: auto;
  padding: 3px 3px 3px 25px;
      }

    /*  FOR COMICS  */
.cemetary  {  /*  For the title and stuff  */
  width: 800px;
  height: auto;
  padding-left: 25px;
  padding-right: 25px;
  margin: auto;
      }
.gravestone {  /*  For comic pages  */
  text-align: center;
  align-items: center;
  margin: 15px;
      }

/* SCROLL BAR */
::-webkit-scrollbar { 
  width: 10px;
  margin: 15px;
      }
::-webkit-scrollbar-track {  /* Track */
  background: #706b6840;
  border-radius: 10px;
      }
::-webkit-scrollbar-thumb {  /*  scrollbar handle  */
  background: #706b68; 
  border-radius: 10px;
      }