@import url('vars.css');

main {
  position: absolute;
  right: 13vw;
  top:30vh;
  max-width:25vw;
}
article {
  width:auto;
}

#title {
  color: var(--title);
  font-size:9em;
  position:absolute;
  left:9vw;
  top:5vh;
  opacity:90%;
}

@media screen and (orientation:portrait), screen and (pointer: coarse), (max-width: 1200px) {
  body {
    display:flex;
    justify-content: center;
    flex-direction:column;
  }
  main {
    max-width:80vw;
    position:relative;
    left:10vw;
  }

  #title {
    font-size:4em;
    position:relative;
  }
    
  #background-image {
    display:none;
  }
}