@font-face { font-family: MochiyPop; src: url(https://files.catbox.moe/u54pww.ttf);	}

::selection {
	color: black;
	background: rgba(196, 155, 170, 0.5);
}

body {
	background-image: url(/microblog/banner.jpg);
	background-size: 45%;
	background-repeat: repeat;
	background-position: 30% center;
	font-family: ms gothic, monospace;
	font-size: 105%;
	color:  #3e3f41 ;
	padding: 15px;
	cursor: url('cursor.webp'), auto;
	}
	
#container {
  margin: auto;
  margin-top: 5%;
  background-color: transparent;
  width: 800px;
  border: 30px solid transparent;
  border-image: url(/img/lace_1.png) 60 round;
}

#nav {
  margin: auto;
  padding: 15px;
  height: 50px;
  background-color: rgb(195, 145, 175);
  background-image: url(/microblog/bg.png);
  background-repeat: repeat;
  border-radius: 5px 5px 0 0;
}

#nav_text {
  color: white;
}

#nav_text a {
  text-decoration: none;
  color: white;
}

#nav_text a:hover {
  text-decoration: underline;
}

#banner {
  background-image: url(https://files.catbox.moe/2szqkm.jpg), url(https://files.catbox.moe/d6ulq0.jpg), url(/microblog/banner.png);
  background-size: 100% auto, 100% auto, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center calc(100% + 32px),0 -30px, center 25%;
  height: 200px;
}

#content {
  display: flex;
  flex-direction: row;
  height: 350px;
}

#profile {
  color: white;
  background-color: rgb(195, 145, 175);
  background-image: url(/microblog/bg.png);
  background-repeat: repeat;
  padding: 10px;
  text-align: center;
  width: 35%;
  border-radius: 0 0 0 5px;
  overflow-y: auto;
}

#post_list {
  padding: 10px;
  background-color: #544553;
  color: white;
  text-align: left;
  overflow-y: auto;
  border: 2px dashed #c391af;
  border-radius: 0 0 5px 0;
}

#post {
  background: linear-gradient(to left, rgba(1,1,1,0), rgba(195, 145, 175, 0.5));
  margin-bottom: 5px;
}