.container{
min-height: 100vh;  
max-width: 100%;
gap:10px;
}

.box {
  
  background-color: hsl(270, 48%, 83%);
  padding: 5%;
  height: fit-content;
  border-radius: 20px;
  box-shadow: 10px 10px 9px #cdecd0;
  border-right: solid #fdfffe;
  border-bottom: solid #fdfffe;
  background-image: url(/streetscrapbook/img/asfalt-dark.png);
  
}

a {
  color: #470774;
  text-decoration: none;
  font-size: 20px;
}

body::before {
  background-image: url('/collections/postcrossing/bkrnd.avif');
  background-size: 200px;
  background-repeat: repeat;
}


.intro {
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media (max-width: 768px) {
  nav {
    justify-content: center; /* center nav container itself */
  }

  .intro  {
   
    align-items: center;
    text-align: center;
  }
    
     @media (max-width: 600px) {
    .container {
    flex-direction: column;
    gap:0
    }  

     }}