body {
  background-color: #050505;
  font-family: courier, 'Courier New', monospace;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
}
::selection {
  background-color: #626262;
  color: white;
}
* {
  scrollbar-color: #323232 #000000;
}
*::-webkit-scrollbar {
  width: auto;
}
*::-webkit-scrollbar-track {
  background: #000000;
}
*::-webkit-scrollbar-thumb {
  background-color: #323232;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #626262;
}
.header {
  display: block;
  position: fixed;
  top: 72%;
  font-size: 70px;
  width: 10%;
  transform: rotate(270deg);
  font-family: 'Courier Primal Bold';
  color: #626262;
  text-shadow: 3px 3px white;
}
.container {
  width: 80%;
  height: auto;
  margin: 1% auto;
  padding: 3% 0;
}
.project {
  width: 75%;
  padding: 1%;
  transform: rotate(355deg);
  float: right;
  margin-right: 4%;
  margin-bottom: 2%;
  border: 2px inset rgb(255,255,255);
  border-radius: 10px;
}
.project:hover {
  width: 85%;
  margin-right: 5%;
  border: none;
  box-shadow: white 5px 5px 1px;
}
#icon {
  width: 125px;
  float: left;
  border-radius: 5%;
}
h1 {
  font-family: 'Courier Primal Bold';
  font-size: 40px;
}
h1 a {
  color: black;
  text-decoration: none;
}
#description {
  font-family: 'Courier Primal';
  font-size: 16px;
  color: #202020;
}
#ydyg {
  background: linear-gradient(-0deg, orange, #ff5300, #ff5300, #ffc14d);
}
#eps {
  background: linear-gradient(-0deg, #a6a6a6, #626262, #626262, #999999);
}
#bwdk {
  background: linear-gradient(-0deg, #ff4d4d, #c11515, #c11515, #ff6666);
}
#jkyuri {
  background: linear-gradient(-0deg, #ace600, #58a613, #58a613, #ccff33);
}
#daki {
  background: linear-gradient(-0deg, #f2f2f2, #b3b3b3, #b3b3b3, white);
  margin-bottom: 5%;
}
.return {
  font-family: 'Courier Primal';
  position: fixed;
  bottom: 2%;
  right: 1%;
  color: white;
  font-size: 20px;
}
.return a {
  color: #626262;
  font-size: 26px;
  text-decoration: none;
}
.return a:hover {
  color: #929292;
  text-shadow: 1px 1px 5px #626262;
}