@font-face {
  font-family: Comic;
  src: url("https://cobblerswriting.neocities.org/font/ComicRelief.ttf")
  format("truetype");
}

@font-face {
  font-family: Domine;
  src: url("https://cobblerswriting.neocities.org/font/Domine-Regular.ttf")
  format("truetype");
}

@font-face {
  font-family: Domine;
  src: url("https://cobblerswriting.neocities.org/font/Domine-Bold.ttf")
  format("truetype");
  font-weight: bold;
}
center {
  text-align:center;
}
h1 {
  text-align:center;
  font-size:42px;
  margin:auto;
}
h2 {
  text-align:center;
  font-size:32px;
  font-family:'Brush Script MT',cursive;
}
body {
  background-image: url('/media/bg.gif');
  margin: 0;
  padding: 0;
}
.wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  width:100%;
  box-sizing:border-box;
  position:relative;
  }
  .wrapper2 {
  display: block;
  margin: 0 auto;
  max-width: 1300px;
  width:100%;
  box-sizing:border-box;
  position:relative;
  }

.homebox {
  display:block;
    width:100%;
    position:relative;
    top:30px;
    background: rgba(255,255,255,0.6);
    margin: 0 auto;
    text-align:center;
    border-style:dashed;
    border-color:#fff;
    font-family:'Comic';
}
.writingpage {
  display:block;
    width:100%;
    position:relative;
    background: rgba(255,255,255);
    margin: 0 auto;
    font-family:'Domine';
}
.arrow a {
  text-align:center;
  font-family:'Domine';
  font-weight:bold;
  font-size:36px
}
.homebox p {
  margin:15px;
  font-size:17px;
}

.writingpage p {
  padding:7px;
  font-size:14.5px;
}
  .centerimg {
    display:block;
    text-align:center;
    padding:6px;
  }
  .centerimg img {
    max-width:100%;
    height:auto;
  }
  
@media (max-width: 600px) {
  h1 {
    font-size: 40px; 
  }

  h2 {
    font-size: 28px; 
  }

  .homebox {
    top: 15px; 
    margin: 0 8px;
  }
}