/* GENERAL -------------------------------------------------------------------------------------------*/

*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  animation: fadein 2s;
  -webkit-font-smoothing: antialiased;
  font-family: 'Bebas Neue', sans-serif;
  /*font-family: 'Sora', sans-serif;*/
  line-height: 1.5;
}
ul {
  list-style: none;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
a {
  transition: .3s opacity;
}
a:hover {
  opacity: .6;
}

/* Animation ---------------------------------------------------------------------------------------------*/

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* VARIABLES ---------------------------------------------------------------------------------------------*/

:root {
  
}


/* BODY ----------------------------------------------------------------------------------------*/

.wrapper {
  background: url('images/palm-comp.jpg') center/cover;
  cursor: default;
  display: flex;
  flex-direction: column;
  height: 100vh;
  user-select: none;
}

#content {
  color: black;
  font-size: 1.6rem;
  margin-top: 33.33vh;
  padding: 0 2rem;
}

#contact, #copyright {
  font-size: 1rem;
}

#contact a {
  color: black;
}


/* MOBILE ------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {

  .wrapper{ 
    justify-content: center;
  }

  #content {
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 1rem;
    margin: 0;
    padding: .7rem 2rem;
    text-align: center
  }

  #copyright {
    font-size: .7rem;
  }

  #contact a {
    color: white;
  }

}