html {
  padding: 0;
  margin: 0;
  background-image: url("./background_dark2.png");
  overflow-x: hidden;
}
body {
  padding: 0;
  margin: 0;
}
.main {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logocontainer {
  width: 100vw;
  height: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logocontainer img {
  width: auto;
  height: 100%;
}

.linklist {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 400px;
  max-width: 100vw;
  display: block;
  margin: 0 auto;
}
.linklist li {
  background-color: #213742;
  border-radius: 20px;
  overflow: hidden;
  margin: 20px 0px;
  transition: 0.5s ease;
  box-shadow: inset 0px 0px 0px 0px #95007e;
  box-shadow: 0px 0px 15px 10px #000;
}
.linklist li:hover {
  background-color: #213;
  transition: 0.1s ease;
  box-shadow: inset 0px 0px 15px 0px #95007e;
}
.linklist a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.linklist li img {
  width: 80px;
}
.linklist li span {
  color: white;
  text-decoration: none;
  font-family: Agency FB;
  font-size: 40px;
  padding: 0 20px;
}
footer {
  position: fixed;
  bottom: 0;
  color: white;
  text-shadow: 0px 0px 5px black;
  font-family: Agency FB;
}