#abme{
    display: flex;
    flex-direction: column;

    align-items: start;
    justify-content: center;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 4;
    padding: 1vw;
}
#mariButton{
    flex-direction: column;
    justify-content: center;
    padding: 2px;
    align-items: center;
}
#razr{
    background-image: url(../media/real/razr.webp);
    background-size: cover;
    height: 34vh;

    grid-row-start: 2;
    grid-row-end: 3;
}
#aero{
    background-image: url(../media/real/mouse.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 34vh;
}
#core{
    background-image: url(../media/real/mouse.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
#webRings{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
    height: 30vh;
}
#mariStatus{
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 0;
    padding: 0.7vw;
    margin: 0;
    grid-row-start: 1;
    grid-row-end: 2;
}
#mariStatus img{
    width: 80%;
}
#guestbook{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
#grid-body2{
    width: 90%;
    display: grid;
    grid-template-columns: 20% 30% 27% 23%;
    padding: 2vw;
    gap:1.5vw;
}