html, body {
  margin: 0; padding: 0;
  font-size: 18px;
}


.container { 
  width: 100vw; 
  min-height: 100vh; 
  padding: 2em;
  box-sizing: border-box;
  display: flex; justify-content: center; align-items: center;
   align-items: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/bg.jpg");
  background-position: center center;
  background-size: cover;
  }

  @media (max-aspect-ratio: 1/1) {
    .container {
      flex-direction: column;
    }
  }
  


.image img {
  width: 20em;
  border-radius: 2em;
  box-sizing: border-box;

}

.text {
  max-width: 30em;
  padding: 2em;
  color: white;
  box-sizing: border-box;

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

a { color: white;}