body {
  position:relative;
  display: block;
background: linear-gradient(to bottom,  #3b7bce 0%,#9a3ee0 50%,#6936c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size:100%;
  padding:0px;
  background-attachment: fixed;
  color:#7a0020;
}
* {
  font-family: daruma;
}
#tag-list:hover > .mac {
  right:80px;
  opacity:0.3;
  transition:opacity 1.5s, right 3s;
}
.mac {
  transition:1s opacity, right 2s;
  position:fixed;
  right:150px;
  bottom:0px
}

.space {
  background-image: linear-gradient(90deg, transparent 25%, #ffffff 25%, #ffffff 50%, transparent 50%, transparent 75%, #ffffff 75%, #ffffff 100%);
background-size: 10.00px 10.00px;
position:fixed;
width:100%;
height:100%;
opacity:0.1;
pointer-events: none;
}
.body {
    margin-left:auto;
  margin-right:auto;
  width:600px;
}
.header h1{
  font-size:0;
  text-align:center;
  margin:0px;
  color:yellow;
    font-weight:800;

}
.header h1 span {
    font-family:tetsubin;
    font-size:32px;
        filter: drop-shadow(-2px 2px 0px white) drop-shadow(-2px -2px 0px white) drop-shadow(2px -2px 0px white) drop-shadow(2px 2px 0px white)

}
.header h2 {
  margin:0px;
  padding:0px;
  text-align: center;
  font-size:14px;
  color:darkblue;
  position:relative;
  top:-10px;
  text-shadow:1px 1px white,1px 0px white,0px 1px white,-1px -1px white,-1px 0px white,0px -1px white,1px -1px white,-1px 1px white

}
.bodyfrfr {
    border:4px solid darkblue;
    box-shadow:0px 2px white, 0px -2px white, 2px 0px white, -2px 0px white;
  border-radius:10px;
  padding:4px;
background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
background-size: 110px 200px;
background-repeat: repeat-x;
}
.r, .b, .i, .o, .y,.v,.g {color:#870e9c}
.r {background: #f3728b;} .o {background: #f3a172;} .y {background:#f1db8a;} .g {background: #91da7d;}
.b {background: #72a3e5;} .i {background: #9b6dcc;} .v {background: #cc98e5;}

.sitenav ul {
  display:flex;
  justify-content: center;
  list-style: none;
  font-family:gameover;
  font-size:16px;
}
.nav ul {
  list-style: none;
  list-style-position: inside;
}
.nav p {
  background-color:#f1db8a;
}
.sitenav li:after, .sitenav li:before {
  content:" | ";
  opacity:0.5;
}

.nav {
  width:30%;
  height:100%;
  position:relative;
}
.nav marquee {
  position:absolute;
  bottom:0px;
  width:100%;
  color:blue;
}
.flex {
  height:480px;
}
.content {
  width:70%;
}
iframe {
  width:100%;
  height:100%;
}