body{
background: url(image/graphics/backgrounds/DOAX3xHatsuneMiku.jpg) #fff;
background-size:100%;
}
.wrapper {
position:relative;
width:970px;
height:800px;
margin-top:15px;
margin-right: auto;
margin-left: auto;
display:flex;
flex-wrap:wrap;
gap:10px;
}
header {
width:100%;
height:210px;
background-image:url(image/graphics/mariehonoka02.gif);
border-radius: inherit;
background-position:10%;
background-size:cover;
border-bottom: 2px dotted white;
color: white;
}
.bg {
background:url(image/graphics/backgrounds/GmOQ_mPbkAA9kK8.jpg);
background-size:cover;
width:820px;
height:fit-content;
padding:30px;
-webkit-box-shadow: inset 0px 0px 23px 0px rgba(255,255,255,0.74); 
box-shadow: inset 0px 0px 23px 0px rgba(255,255,255,0.74);
-webkit-border-radius: 0px 30px 0px 0px;
margin-right: auto;
margin-left: auto;
outline: 3px solid #FFFFFF;
outline-offset: 0px;
margin-top:-4px;
}
.container {
background: url(image/graphics/backgrounds/c010-1.gif);
width: 100%;
border:3px ridge #1AC5FF;
border-radius: inherit;
}
.main-container {
width:inherit;
height:600px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.main {
width:72%;
height:580px;
padding: 10px;
overflow: auto;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.intro, .entry, footer, .tablinks {
font-family: IMPRIMA-REGULAR;
line-height:1.3em;
color: #1e1e30;
margin-top:2px;  
}
@font-face { 
font-family: IMPRIMA-REGULAR;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/IMPRIMA-REGULAR.TTF);
  }
.intro {
width:95%;
height:fit-content;
background-color: white;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding:16px;
overflow: auto;
}
.entry {
width:95%;
height:fit-content;
background-color: white;
border: 2px solid #FF80B4;
-webkit-box-shadow: 2px 3px 0px 1px rgba(241,73,157,0.54); 
box-shadow: 2px 3px 0px 1px rgba(241,73,157,0.54);
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding:16px;
overflow: auto;
margin-bottom:15px;
}
.entry img {
  width: 30%;
  border-radius: 5px;
  margin-right: 10px;
  -webkit-box-shadow: 2px 2px 6px 1px rgba(255,118,164,0.59); 
box-shadow: 2px 2px 6px 1px rgba(255,118,164,0.59);
}
.info {
  background-size:cover;
  width:20%;
  height:580px;
  padding:14px;
  overflow: auto;
  margin-top: 50px;
}
.marker {
color:#664d41;
background:#fffda3;
border-radius:10px;
padding:1px 5px;
font-size: 1.0em;
font-weight:600;
}
.tablinks {
width:90%;
text-align: center;
background: linear-gradient(to bottom,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
-webkit-box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86); 
box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86);
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
border: 2px solid #FFFFFF;
outline-offset: 0px;
font-size: 1.2em;
border-radius:35px;
padding:5px;
margin:4px;
cursor: pointer;
}
.divider {
position: relative;
z-index:1;
width:100%;
background: url(image/graphics/c043-3.gif);
height:20px;
background-repeat: repeat-x;
margin-top:0px;
filter: drop-shadow(0 0 1px #abf4f7);
}
.divider-bottom {
position: relative;
z-index:1;
width:100%;
background: url(image/graphics/c043-3.gif);
height:20px;
background-repeat: repeat-x;
margin-top:-88px;
}
footer{
color:#54402b;
height:20px;
padding:11px;
font-size:1.2em;
text-align:right;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
margin-bottom:-35px;
margin-top:-10px;
}
h1 {
  font-size: 5.0em;
  font-family: OLYMPIC-LIGHT;
  text-shadow: 0 0 8px #f52c86;
  position: absolute;
  right:90px;
  top:110px;
  z-index:9999;
}
@font-face { 
font-family: OLYMPIC-LIGHT;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/OLYMPIC-LIGHT.OTF);
  }
h2 {
background: #f7ef77;
color: #57381c;
font-weight: 600;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
border-bottom: 1px dashed #844B3E;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 5px;
}
[id] {
  display: none;
}
[id]:target {
  display:block;
}
::selection {
  color: #57381c;
  background: #fff87d;
}
  * {
    scrollbar-width: none;
    scrollbar-color: #ff93c9 #ffffff;
  }