.front-padge {
    position: relative;
    width: 100%;
}

.front-padge img {
    height: auto;
    width: 99%;
    padding: 0.5rem;
    background-color: rgba(182, 214, 109, 0.859);
    margin-top: 1rem;
}

.front-padge p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 5rem;
    color: white;
}

/* fancy hover text translation */

.author-name {
    background-color: rgb(226, 226, 226);
    color: rgb(0, 0, 0);
    width: fit-content;
}

.israel-hover::after {
    content: "Israel";
}

.israel-hover:hover::after {
    content:"יִשְׂרָאֵל"
}

body {
    font-family: "JetBrainsMono Nerd Font";
    background-color: rgb(255, 255, 255);
}

.menu-background {
    width: 100%;
    height: 3rem;
    background-color: rgb(66, 66, 66);
    border-radius: 10rem;
    position: sticky;
    top: 0;
    z-index: 1;
}

.image-row {
    display: flex;
}

.images img {
    width: auto;
    height: 20rem;
    padding-right: 1rem;;
    background-color: transparent;
}

.link a{
    position: relative;
    margin-left: 12rem;
}

.facts {
    color: black;
}