body{
background-color: #e9d7c7;
font-family: 'CaviarDreams', sans-serif;
user-select: none;
}

@font-face {
  font-family:CaviarDreams;
  src: url(CaviarDreams.ttf);
}

.container {
	width: 496px;
	height: 467px;
	position: relative;
	margin-top: -279px;
	margin-left: 274px;
	color: #4b403b;
	font-size: 14px;
	font-weight: bold;
}

.container2 {
	width: 252px;
	height: 279px;
	position: relative;
	margin-top: -741px;
	margin-left: 804px;
	color: #4b403b;
	font-size: 24px;
	font-weight: bold;
}

#footer{
clear: both;
padding: 3px;
color: #4b403b;
filter: saturate(100%);
width: 219px;
height: 74px;
text-align: left;
margin-left: 268px;
margin-top: 0px;
border-bottom-left-radius:19px;
border-bottom-right-radius:19px;
font-size: 15px;
}

#scrolly{
overflow-y: scroll;
overflow-x: hidden;
width:496px;
height:467px;
margin: 0 auto;
text-align: left;
mask-image: linear-gradient(to bottom, white 96%, transparent 100%);
}

a{
text-decoration-style: dotted;
color: #887063;
}

a:hover{
background-color: #D6CFCB;
border-bottom: 2px solid #887063;
text-decoration-style: none;
}

/* CUSTOM SCROLLBAR/SELECT */
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #AE998E #977F6B;
  }
 
::-webkit-scrollbar{
width: 8px; 
}
 
::-webkit-scrollbar-track{
background-color: #AEDEA4;
}
 
::-webkit-scrollbar-thumb{
background-color: #6FB861;  
}

h1{
background-color: #977F6B;
color: #fff;
letter-spacing: 3px;
text-align: left;
font-size: 15px;
height: 20px;
margin-top: -10px;
}