/**
  * Reset some basic elements
*/

* {
  box-sizing: border-box !important;
  margin: 0; }
 
 input,
 select,
 textarea,
 button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
 }
 
 
 body, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, hr,
 dl, dd, ol, ul, figure {
     margin: 0;
     padding: 0;
 }
 
 
 /**
   * Basic styling
 */
 
 body {
     font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     font-weight: normal;
     font-size: 20px;
     line-height: 1.8;
     color: #ffffff;
     background-color: #1a1a1a;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     display: flex;
     flex-direction: column;
 }

 @media screen and (min-width: 800px) {
  body {
    font-size: 24px;
  }
}
 
 p {
   margin: 0; 
 }
 
 b {
   font-weight: 600;
 }
 
 i, em {
   font-style: italic;
 }
 
 h1, h2, h3, h4, h5, h6 {
   margin-top: 1em;
   margin-bottom: 0.25em;
 }
 
 a {
   color: inherit;
   text-decoration: none;
 }
 
 /* a:hover {
   text-decoration: underline;
 } */
 
 img {
   width: 100%;
   display: inherit;
 }
 
 ::selection {
   background: rgba(165, 179, 187, 0.25);
 }

.layout {
  padding: 8rem 2rem;
  background-color: #1a1a1a;
  text-align: center;
  flex-grow: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 800px) {
  .layout {
    padding: 6rem 4rem;
  }
}

.shop {
  background-color: #ffffff;
  border: 3px solid #ffffff;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.05em 1em;
  border-radius: 0.1em;
  margin: 0 auto 4em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.shop:hover {
  background-color: #1a1a1a;
  color: #ffffff;
}

.description {
  width: 80vw;
  max-width: 600px;
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
}

.description a {
  text-decoration: underline;
}

.logo-area {
  margin-bottom: 1rem;
}

.logo {
  width: 56vh;
  max-width: 56vw;
  margin-bottom: 0.75em;
}

.contact {
  font-style: normal;
}