@import url("https://fonts.googleapis.com/css2?family=Jersey+10&display=swap");

body {
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    height: 100dvh;
    width: 100dvw;
    justify-content: center;
    margin: 0;
}

/* identifiers */
#switch_lang_button {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

#go_back_button {
    position: absolute;
    top: 8px;
    left: 8px;
    cursor: pointer;
}

/* classes */
.custom-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.pt {
    display: none;
}

.hidden {
    display: none;
}

/* menu */
.menu h2 {
    font-size: 1.6em;
    margin: 0;
}

.menu ul {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}

.menu li {
    list-style: none;
    list-style: symbols(cyclic ">") inside;
    transition-duration: 350ms;
    transition-timing-function: ease-out;
}

.menu li:hover {
    padding-left: 16px;
}

/* blog */
.blog h2 {
    margin: 2px;
} 

.blog h6 {
    color: lightgray;
    margin: 2px;
    margin-bottom: 16px;
}

main {
    width: 90dvw;
    align-self: center;
    justify-self: center;
    background-color: #161616;
    border-radius: 8px;
    padding: 2px 6px;
}

h3 {
    margin: 0;
}

p {
    margin: 4px;
}