body {
  background-image: url("https://i.pinimg.com/736x/30/27/ff/3027ff0ac245112c7ba3d23988e317d0.jpg");
  font-family: Monospace;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: white;
}

#cuntainer {
  margin: auto;
  width: 65%;
}

.header {
  text-align: center;
  background-image: url("https://i.pinimg.com/originals/8a/b5/63/8ab563dea2c1a3b05c80954f0c55cb27.gif");
  background-size: cover;
  padding: 10px;
}

.links{
  list-style: none;
  display: flex;
  justify-content: space-evenly;
  padding: 10px;
  border: 1px solid black;
  background-color: #333333;
}

@font-face {
  font-family: 'Bu Gothic Hybrid';
  src: url('https://themoriblog.neocities.org/BuGothicHybrid-xyd5.ttf');
}


#site-title {
  font-family: 'Bu Gothic Hybrid', Georgia;
  font-size: 60px;
}

#sub-title {
  font-family: 'Bu Gothic Hybrid', Georgia;
  font-size: 16px;
}

.sidebar {
  float: left;
  width: 30%;
  background-color: #333333;
  border: 1px solid black;
  margin-top: 5px;
  padding: 5px;
  margin-bottom: 100px;
}

.main {
  float: right;
  width: 65%;
  background-color: #333333;
  border: 1px solid black;
  margin-top: 5px;
  padding: 5px;
}

.showcase {
   background-image: linear-gradient(to bottom, #FFFFFF, #1F1F1F 30%); 
   border: 1px solid black;
   padding: 5px;
   border-radius: 10px;
   overflow: auto;
}



#sotd-cover {
  margin: auto;
}

.bulletin {
   background-image: linear-gradient(to bottom, #FFFFFF, #1F1F1F 30%); 
   border: 1px solid black;
   padding: 5px;
   border-radius: 10px;
}

.sotd {
  text-align: center;
  background-image: linear-gradient(to bottom, #FFFFFF, #1F1F1F 15%); 
  border: 1px solid black;
  padding: 5px;
  border-radius: 10px;
  margin-top: 10px;
}

a:link {
  color: #7A4C5C;
}

a:hover {
  color: #643F4C;
}

a:visited {
  color: #AE7E8F;
}