/* Clear formatting */
* {
  box-sizing: border-box;
}

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

/* Page layout */
body {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

/* Body style */
body {
  background: url('../img/background.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  font-family: "Montserrat", "Liberation Sans", sans-serif;
}

p {
  font-size: 1.5em;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* Main page style */
main {
  display: flex;
  align-items: center;
  justify-content: center;
}

#content-box {
  background: rgba(255, 255, 255, 0.7);
  margin: 2em 0;
  padding: 2em;
  text-align: center;
  width: 80%;
}

#content-box .logo {
  width: 25em;
  max-width: 100%;
}

/* Footer style */
footer {
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em;
}

.link-twitter   { background-image: url('../img/twitter.svg');    }
.link-instagram { background-image: url('../img/instagram.svg');  }
.link-facebook  { background-image: url('../img/facebook.svg');   }
.link-tiktok    { background-image: url('../img/tiktok.svg');     }

.link-twitter, .link-instagram, .link-facebook, .link-tiktok {
  background-size: cover;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}