@font-face { font-family: MochiyPop; src: url(https://files.catbox.moe/u54pww.ttf);	}
	
::selection {
	color: black;
	background: rgba(219, 237, 255, 0.5);
}
	
body {
  background-color: #FFE5D1;
	background-image: url(/akito/head.png);
	background-size: 10%;
	background-repeat: repeat;
	background-position: center center;
	font-family: ms gothic, monospace;
	font-size: 105%;
	color:  #3e3f41 ;
	padding: 15px;
	cursor: url(/img/cursor.webp), auto;
}

#container {
  background-color: white;
  width: 800px;
  margin: auto;
  border-radius: 5px;
  margin-top: 20px;
}

#top {
  background-color: grey;
  height: 100px;
}

#middle_container {
  height: 610px;
  border-radius: 10px;
  outline: 3px dashed #F2994E;
}

#middle {
  background-color: blue;
  height: 600px;
  border-radius: 10px;
}

#left {
  background-color: #FFEDDB;
  width: 150px;
  float: left;
  height: 600px;
  padding: 5px;
}

#content {
  background-color: #f2f7fc;
  height: 600px;
  width: 630px;
  padding: 5px;
  float: right;
  overflow-y: auto;
}

#intro {
  background-color: #FFEDDB;
  padding: 5px;
  height: 70px;
  margin-bottom: 10px;
  overflow-y: auto;
  border-radius: 3px;
}

#card {
  background-color: #FFEDDB;
  height: 375px;
  margin-bottom: 10px;
  overflow-y: auto;
  display: flex;
  overflow: hidden;
  border-radius: 3px;
}

.slides {
  display: none;
}

#yap {
  background-color: #FFEDDB;
  padding: 5px;
  height: 280px;
  overflow-y: auto;
  border-radius: 3px;
}