@import url('https://fontcity.neocities.org/jaihosans.css?family=jai+ho+sans');

body, html {
	margin: 0;
	height: 100%;
	background-image: url('https://files.catbox.moe/jroyg8.webp');
	font-family: "Calibri", "Arial", sans-serif;
	font-size: 14.7px;
	color: #987362; 
}

.container {
margin: auto; 
padding: 20px; 
width: 1100px;
height: 720px; 
}

.left {
margin-top: 25px; 
float: left; 
padding: 10px; 
width: 45%; 
height: 85%; 
}

.right {
margin-top: 25px; 
float: right; 
padding: 10px; 
width: 50%; 
height: 85%; 
}

.main {
margin: auto; 
background-color: #fcfcfc; 
border: 1.5px solid; 
width: 100%; 
height: 100%; 
}

.content {
float: left; 
width: 56%; 
height: 95%; 
padding: 15px; 
text-align: center; 
}

.nav {
float: right; 
background-color:#fff1ed;  
border-left: 1.5px solid; 
padding: 15px; 
width: 32%; 
height: 95%; 
}

.navcontent {
margin: auto; 
margin-top: -40px; 
width:100%; 
height:100%; 
}

.imgbox {
margin: auto; 
background-image: url('https://files.catbox.moe/8xfswc.webp'); 
padding: 20px; 
border: 1.5px dotted; 
width: 95%;
height: 50%; 
}

.img {
margin: auto;
width:100%; 
height: 100%; 
border: 1.5px solid; 
background-image: url('https://files.catbox.moe/sc1dts.webp'); 
background-size: cover; 
background-position: 55%; 
font-family: jai ho sans; 
font-size: 37px; 
font-weight: bold; 
letter-spacing: 2px; 
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.note {
float: left; 
width: 50%; 
height: 36%; 
padding: 15px; 
border: 1.5px dotted; 
background-image:url('https://files.catbox.moe/odugtv.webp'); 
margin-top: 15px; 
}

.notecontent{
margin: auto; 
margin-top: -130px; 
margin-left: -5px; 
width: 100%; 
height: 100%; 
background-color: rgba(252, 252, 252, 0.8); 
padding: 5px; 
}

.side {
margin-top: 15px; 
margin-right: -15px; 
float: right; 
width: 37%; 
height: 35%; 
padding: 15px; 
font-family: jai ho sans; 
font-size: 11px; 
font-weight: bold; 
letter-spacing: 2px; 
}

.thinking { 
position: fixed; 
bottom: -22px; 
right: 0; 
transform: translateX(0%);  
} 

.hanger { 
position: fixed; 
top: -15px; 
left: 0; 
transform: translateX(0%);  
} 


h1 {
font-family: jai ho sans; 
font-size: 37px; 
font-weight: bold; 
letter-spacing: 2px; 
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
 -webkit-animation: pop 2s ease-in-out infinite alternate;
 animation: pop 2s ease-in-out infinite alternate;
 -moz-animation: pop 2s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

h2 {
font-family: jai ho sans;
font-weight: bold;
font-size: 15px; 
letter-spacing: 1.5px; 
padding: 6px 10px; 
background-color: #e9e9f5;
color: #987362; 
border: 1.5px dotted #987362; 
border-radius: 2px;
text-align: center; 
}

h3 {
font-family: jai ho sans; 
font-size: 11px; 
font-weight: bold; 
letter-spacing: 2px; 
}

a{
color:#e18a7a;
text-decoration:underline
}
 
 
a:hover{
color:#f5d5cb
}

::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: transparent;
}
 
::-webkit-scrollbar-thumb{
background-color: #d5d6ea;
}