/* 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);
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/* Main-Section */
main {
  margin-left: 5rem;
  height: 100vh;
  text-align: center;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
}


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

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


/* Top */
.top-color {
  background: linear-gradient(to right, #040057 0%, #00009a 5%, #0982ce 95%, #0fd7ff 100%);
  height: 50px;
}



/* 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);
}