@font-face {
  font-family: "Pixellari";
  src: url("Pixellari.ttf") format("truetype");
}

@font-face {
  font-family: "Cinerama";
  src: url("Cinerama.otf") format("truetype");
}

html{
  height: 100vh;
  cursor: url("cursor.png"), auto;
}

body {
  line-height: 1.5;
  color: #ffffff;
  background-image: url("stage.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  text-align: justify;
  font-size: 15px;
  font-family: "Pixellari";
}

::-moz-selection { /* Code for Firefox */
  color: #000000;
  background: #ffffff;
}

::selection {
  color: #000000;
  background: #ffffff;
}

h1 {
  font-family: "Cinerama";
  text-align: center;
  font-size: 58px;
  color: #000000;
  text-shadow: #ffffff 1px 1px 1px;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
}

#main {
  padding: 10px;
  height: 350px;
  margin-top: 10px;
  width: 600px;
  background-color: #000000da;
  border: #ffffff double 5px;
}

#deco {
  position: absolute;
  transform: translate(-170px, -240px) scale(50%);
}

#deco:hover {
  filter: opacity(40%);
  transition: 0.2s;
}

#side {
  background-color: #000000da;
  padding: 10px;
  overflow: auto;
  margin-top: 10px;
  width: 100px;
  margin-left: 10px ;
  border: #ffffff double 5px;
}
.box {
  display: flex;
  justify-content: center;
}