index.css

#nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#nav > .text {
  margin: 1vh;
  text-decoration: none;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  transform: translate(-10%, 25%);
}
#page {
  height: 100%;
  width: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}

#page > .google-image {
  transform: translateY(-50%);
  transition: transform, 500ms ease-in-out;
}
#page > .google-image:hover {
  transform: translateY(-50%) scale(1.1);
}
#page > .two-box {
  margin-top: 2.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 5rem;
}
#page > .two-box > .box {
  height: 5vh;
  width: max-content;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.6rem;
  background-color: bisque;
  border-radius: 2vh;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  transition: transform, 250ms ease-in-out;
  text-decoration: none;
  color: black;
}
#page > .two-box > .box:hover {
  transform: scale(1.1);
}
#page > .two-box > .box:active {
  transform: scale(0.98);
}