@font-face {
  font-family: "Azabache";
  font-weight: normal;
  src: url("../fonts/Azabache-Regular.woff2") format("woff2"),
       url("../fonts/Azabache-Regular.woff") format("woff");
}

@font-face {
  font-family: "Sligoil";
  font-weight: normal;
  src: url("../fonts/Sligoil-Micro.woff2") format("woff2"),
       url("../fonts/Sligoil-Micro.woff") format("woff");
}

@font-face {
  font-family: "Sligoil-Medium";
  font-weight: normal;
  src: url("../fonts/Sligoil-MicroMedium.woff2") format("woff2"),
       url("../fonts/Sligoil-MicroMedium.woff") format("woff");
}

 /* remove underline from links */
a {
  text-decoration: none;
}

 /* unvisited link */
a:link {
  color: #0b5345;
}

/* visited link */
a:visited {
  color: #4a235a;
}

/* mouse over link */
a:hover {
  color: #FFBF00;
  cursor: url('../cursor/cursorhot.png'), auto;
}

/* selected link */
a:active {
  color: #5b2c6f;
} 

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background: lightslategrey;
}

.backu {
    height: 85%;
    width: 100%;
    background-size: cover;
    cursor: url('../cursor/cursor.png'), auto;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    margin-bottom: 0;
}

h3{
  font-family: "Azabache", serif;
  font-size : 1.5rem;
  text-align: center;
  color : #262c4c;
  position : absolute;
  top : 72%;
}

p{
  font-family: "Sligoil", sans-serif;
  font-size : 0.9rem;
  text-align: center;
  color : #262c4c;
}

span.footerlink {
  font-family: "Sligoil-Medium", sans-serif;
}