@font-face {
  font-family: "InterVariable";
  src: url("/resources/fonts/web/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

* {
	margin: 0; padding: 0;
	text-decoration: none;
  	font-family: "InterVariable", sans-serif;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	color: #c6d0f5;
	background-color: #303446;
}



main {
  display: flex;
  flex-direction: column;
  align-items: center; /* horizontal center */
  margin: 2rem auto;   /* vertical margin and center horizontally */
  max-width: 400px;    /* optional, limits width */
  gap: 1rem;
}


a {
	    color: var(--color-text-bright);
		text-decoration: underline;
}
.site-header {
    padding: 3rem 5vw;
}

.site-nav {
    max-width: 96rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}


.site-nav .logo {
    padding-left: 0;
}

.site-nav .logo a {
    text-decoration: none;
}
.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}


.menu li {
    margin-bottom: 0;
}

.menu a {
	display: block;
	padding: 1rem;
}



.site-nav .menu-social a {
    padding: 1rem 0.75rem;
}

site-nav .menu-social li:last-child a {
    padding-right: 0;
}