@font-face {
font-family: "Fafo Sans";
src: url('Fafo Sans Regular.otf'); }

@font-face {
font-family: "Moviecal";
src: url('Moviecal Regular.otf'); }

body {
background: url('texture65.png');}

::selection {
background: #e38991;
color: #f6f3f3; }

a {
text-decoration: none; }

a:link {
color: #ff762b; }

a:active {
color: #239fae; }

a:visited {
color: #02b13f; }

a:hover {
color: #37ae27; }

b, strong {
color: #2365ae; }

i, em {
color: #1124e2; }

u {
color: #c318e1;}

s {
color: #3908a8; }

big {
color: #682bf2;}

small {
color: #9008a8; }

blockquote {
border: 1px solid #ea9ae0;
padding: 10px;
background: rgb(254, 216, 250, .6); }

#container {
 margin: 0;
  position: absolute;
  width: 1187px;
  height: 800px;
  background: url('kaginu2.png') no-repeat;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

#content {
border: 1px solid #c02182;
width: 750px;
height: 640px;
overflow: scroll;
position: relative;
top: -15px;
left: 60px;
overflow-x: hidden;
scrollbar-color: #ef6ac3 rgb(255, 146, 248, .4);
background: rgb(254, 192, 247, .6);
color: #ee1069;
font-family: "Fafo Sans";
font-size: 24px;
padding: 12px;
text-align: justify; }

#content img {
max-width: 100%; }

.header {
font-size: 30px;
color: #a30177;
margin-bottom: 10px; }

.writing {
white-space: pre-line; }

#menu {
position: relative;
top: 710px;
left: 60px;
border: 1px solid #c02182;
width: 750px;
background: rgb(254, 192, 247, .6);
color: #ee1069;
padding: 7px 12px 2px 12px;
font-family: "Moviecal";
font-size: 32px;
text-align: center;
text-transform: uppercase; }

#menu a {
color: #d53c8d; }

@media screen and (max-width : 1200px) {
  body {
    background: #d583dc;
    height: 100%;
   
  }
  #container {
    background: none;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
    width: 100%;
    height: 100%;
  -ms-transform: none;}

#menu {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  margin-bottom: 10px;
}
#content {
  width: auto;
  position: relative;
  top: 0;
  left: 0;
  height: 77vh;
}
}