/* GLOBAL STYLE STUFF */

:root {
  --accentcolor: #bca715;
  --normalcolor: white;
}

html {
	background-color:var(--accentcolor);color:var(--normalcolor);
	font-family: sans-serif;
	box-sizing:border-box;
}

body {
  margin:0;
}

*, *:before, *:after {
  box-sizing: inherit;
}

a {
	color:var(--accentcolor);
}

h1, h2, h3, h4, button, input, textarea {
	font-family: 'Montserrat', sans-serif;
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.circle {
	border-radius:50%;
}

/* Viewport Background */

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  filter: opacity(30%);
}

/* MAIN STUFF */

#main {
	display:flex;
  flex-wrap: wrap;
	align-content: center;
  justify-content: center;
  min-height:100vh;
  padding: 1rem;
}

.flex-break {
  width: 100%;
  height: 3rem;
}

.icon {
  height: 9rem;
}