/* Fonts */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}


/* Root-Setup */
:root {
  font-size: 16px;
  font-family: "San Francisco", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --text-primary: #b6b6b6;
  --text-secondary: #ececec;
  --bg-primary: #23232e;
  --bg-secondary: #141418;
  --transition-speed: 600ms;
}


/* Body */
body {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  margin: 0;
  padding: 0;
}


/* Main-Section */
main {
  margin: 1rem;
  height: calc(100vh - 2rem);

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}


/* Headings */
h1 {
  font-size: 3rem;
  margin-bottom: 15px;
}

h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}


/* Scrollbar */
::-webkit-scrollbar {
  width: 0;
  display: none;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--bg-primary);
}


/* Links */
a {
  color: var(--text-primary);
}


/* Small screens */
@media only screen and (max-width: 600px) {
  
}