body {
    background: #F8F8F8;
    margin: 0;
    padding: 0;
}

#hi {
    align-items: center !important;
    position: relative;
    font-family: var(--main);
}
.yay {
    width: 43%;
    height: calc(80% - 4em);
    padding: 2em 0;
    
}

.yay>.top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2em;
    margin-bottom: 1em;
}
.yay>.top img {
    border: 2px solid rgb(109, 109, 109);
}

.DIE {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}