@import 'pre.css';
@import 'nat/ui/main.css';
@import 'nat/ui/navbar.css';

#main > .content {
  grid-template-rows: 1fr 1fr;
}
#title {
  height: fit-content;
  display: grid;
  margin: 0; padding: 0;
  align-self: end;
  justify-self: center;
  color: yellow;
  background-color: transparent;
}

#main > .content > button {
  display: grid;
  height: fit-content;
  padding: 2vh;
  justify-self: center;
  align-self: start;
  border-radius: 2vh;
  
}

/* --Phones-- */

@media screen and (max-width: 720px) and (orientation: portrait) {
  
#title {
  height: 150px;
}

}

/* Nav */

#navbar > .content {
  grid-template-columns: 1fr 1fr 1fr;
}