* {
  font-family: Arial, Helvetica, sans-serif;
}

html, body {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #30353a;
}
html, body, menu{
  height: 100%;
}

main {
  margin: auto;
  width: 50%;
  padding: 20px;
}

main > h1 {
  text-align: center;
  font-size: 3.5em;
}

menu {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex!important;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-inline-start: 0px;
}

menu a {
  width: 70%;
  margin: 5px auto;
  font-family: 'Fira Sans', sans-serif;
  text-transform: uppercase;
  background-image: url(imgs/underline.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-size: 100% 1px;
  font-size: 18px;
  font-weight: 300;
}

#logo{
  width:100%;
  height: 25%;

  background-image: url('https://cdn.shopify.com/s/files/1/0707/5938/3332/files/Asset_9xxhdpi_a8a163a8-f284-4626-9541-4f2b57a49849.png?v=1674420949&width=500 ');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.w3-brand{
  color: #EFECEC!important;
}