@font-face {
    font-family: "Nunito";
    src: url(../fonts/Nunito-Regular.ttf);
}

@font-face {
    font-family: "Nunito_L";
    src: url(../fonts/Nunito-Light.ttf);
}

body {
    background-color: #242424;
    overflow:hidden;
}

a,p {
    color:white;
    font-family: "Nunito_L";
    text-decoration: none;
}

h1 {
    color:white;
    font-family: "Nunito_L";
    filter: drop-shadow(5px 5px 20px #000);
}

#main_content {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#back {
    margin-top:10px;
    transition: .3s;
}

#back:hover {
    transition: .3s;
    font-size: 17px;
}

#card {
  width: 60vw;
  height: 8vh;
  border-width: 3px;
  border-radius: 30px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: .3s;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#card:hover {
  transition: .3s;
  transform: scale(1.1, 1.1);
}

#inner_text {
  line-height: 1px;
}