body {
    height: 2050px;
    background-image: url(Art/kiera.jpg);
    background-size: 100%;
    margin: auto;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr 1.2fr 1fr;
    justify-content: center;
}

a {
    color: rgb(88, 255, 90);
}
a:hover {
    color: rgb(102, 100, 252);
    transform: scale(1.05);
  }

h1 {
    grid-column: 2;
    margin: 0;
    padding: 10vh;
    font-size: 7vw;
    color: aliceblue;
}

p   {
    color: aliceblue;
    font-size: medium;
}

.text {
    background-color: rgb(0, 0, 0, 0.5);
    position: relative;
    grid-column: 2;
    grid-row: 2;
    width: 70vw;
    height: 40vh;
    padding: 4vw;
    top: -20vh;
}

.button {
    grid-row: 3;
    grid-column: 2;
    position: relative;
    top: 60vh;
}

#back {
    width: 125px;
}
.crossroads {
    grid-row: 3;
    grid-column: 1;
}
.crossroads:hover {
    transform: scale(1.05);
}

.hana {
    grid-row: 3;
    grid-column: 2;
  }