* {
  transition: all 0.3s ease;
  scrollbar-width: none;
}

html {
  max-width: 100vw;
}

html,
body {
  font-family: "Urbanist", sans-serif !important;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Syne", "Popins", sans-serif !important;
}

.container {
  display: grid;
  grid: "header" 5em "main" 1fr "footer" 5em;
}

.header {
  grid-area: header;
}
.header nav a {
  word-spacing: -0.4em;
}

.main {
  grid-area: main;
  margin-top: 1em;
  margin-bottom: 3em;
}

.footer {
  grid-area: footer;
}