@charset 'UTF-8';

@font-face {
  font-family: "Caveat Brush";
  src: url(../fonts/Caveat_Brush/CaveatBrush-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Orbitron";
  src: url(../fonts/Orbitron/Orbitron-VariableFont_wght.ttf) format("truetype");
}

:root {
  --background-color: #444;
  --background-section-color: #333;
  --background-section-alt-color: #222;
  --footer-bg-color: #333;
  --color-text: #fff;
  --icon-color: #1890ff;
}

/* default Settings */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Orbitron", sans-serif;
  color: var(--color-text);
  background-color: var(--background-color);
}

a {
  color: var(--icon-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Caveat Brush", cursive;
}

/* Header */
header {
  padding: 25px;
  color: var(--icon-color);
}

/* Content */
section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-height: 75vh;
  padding: 20px;
  text-align: center;
  color: var(--color-text);
  background-color: var(--background-section-color);
}

section:nth-of-type(even) {
  background-color: var(--background-section-alt-color);
}

section.contact-options {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  margin-top: 20px;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

/* Footer */
footer {
  padding: 25px;
  text-align: center;
  width: 100%;
  height: 60px;
  background-color: var(--footer-bg-color);
  color: var(--color-text);
}