body {
    background-color: black;
    overflow: hidden;
}

.main{
    background-image: url(assets/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1080px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@font-face {
    font-family: 'ana';
    src: url(assets/smallburg-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: 'anai';
    src: url(assets/smallburg-Italic.ttf);
    font-style: italic;
}

p {
    font-family: 'ana';
    font-size: 11px;
    color: rgb(0, 0, 0);
}

.flower {
    left: 5%;
    bottom: 0px;
    position: absolute;
    height: 600px;
}

.flowers {
    bottom:50px;
    right: 5%;
    position: absolute;
    height: 100px;
}


::-webkit-scrollbar {
    width: 0px;
}

.lalala {
    
    position: absolute;
    background-image: url(assets/divbg.png);
    background-size:cover;
    border-radius: 20px;
    overflow-y:scroll;
    overflow-x:hidden;
    background-repeat: no-repeat;
    background-position: center;
    border: 0.3px solid rgba(255, 255, 255, 0.355);
    height: 420px;
    width:350px;
    top:220px;
    right:180px;

}

@font-face {
    font-family: 'jap';
    src: url(assets/HakkouMincho.ttf);

}

h1,h2,h3,h4,h5,h6 {
    font-family: 'jap';
    color: rgba(143, 1, 1, 0.968);
}

.panel {
    display: none;
    overflow-y: scroll;
    height: 410px;
    color: black;
    margin:5px;
}

.panel.active {
    display: block;
}




.tab-link{
    text-decoration: none;
    font-family: 'ana';
    position: absolute;     
    font-size: 12px;
    color: rgba(255, 0, 0, 0.686);

}

.tab-link:hover{
    color: rgba(255, 0, 0, 0.986);
    text-decoration: italic;
    font-family: 'anai';
    transition: 0.3s;
}

a:hover{
    cursor: crosshair;
}


@keyframes glow {
0% {
text-shadow: 0 0 15px rgb(255, 0, 0);
}

50% {
text-shadow: none;
}

100% {
text-shadow: 0 0 15px rgba(255, 0, 0, 0.685);
}
}

@-webkit-keyframes glow {
0% {
text-shadow: 0 0 15px rgb(255, 0, 0);
}

50% {
text-shadow: 0 0 0;
}

100% {
text-shadow: 0 0 15px rgb(178, 1, 1);
}
}

#text {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #6c0000;
font-weight:bold;
-webkit-animation: glow 2.0s linear infinite;
-moz-animation: glow 2.0s linear infinite;
-ms-animation: glow 2.0s linear infinite;
-o-animation: glow 2.0s linear infinite;
animation: glow 2.0s linear infinite;
}


.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.05;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}
@media only screen and (max-width: 600px);