* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

:root {
	--col-primary: #0c0c0d;
	--col-grey-dark: #6c6c70;
	--col-grey-darker: #1d1d1f;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400,600&display=swap");

html {
	font-size: 62.5%;
}

body {
	font-family: 'Inter', sans-serif;
	background-color: white;
}

svg {
	display: block;
	width: 100%;
	height: auto;
	max-height: 100%;
}

main {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 48px;
}

main h1 {
	color: var(--col-grey-darker);
	font-weight: 600;
	font-size: 1.8rem;
	margin-top: 48px;
	letter-spacing: -.02em;
}
main h2 {
	color: var(--col-grey-dark);
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: -.01em;
	margin-top: 12px;
}

.logo {
	height: 32px;
	svg {
		fill: var(--col-primary);
	}
}

nav {
	margin-top: 72px;
}
nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
}
nav a:hover svg {
	fill: var(--col-grey-dark);
}
nav a.instagram svg {
	width: 32px;
}
nav a svg {
	fill: var(--col-grey-darker);
}

.copyright {
	font-size: 1.3rem;
	color: var(--col-grey-dark);
	margin-top: 32px;
}