/* variables */
:root {
    --color: rgb(73, 161, 56);
    --color-tr3: rgba(73, 161, 56, 0.3);
    --color-tr8: rgba(73, 161, 56, 0.8);
    --bg-color: #1a202c;
    --text-color: #f7fafc;
    --accent-color: #ed8936;
}

body {
    font-family: 'Roboto', sans-serif;
    top: 0 !important;
}
header{
    z-index: 2;
    /* sticky top-0 */
    position: sticky;
    top: 0;
}
section {
    padding-block: 2rem;
    padding-inline: clamp(0.2rem, 2vw, 3rem);
}
section h1 {
    font-size: 2rem;
    font-weight: bolder;
    color: var(--color);
    position: sticky;
    top: 4rem;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.438);
    background-color: inherit;
    backdrop-filter: blur(10px);
    width: fit-content;
    padding-inline: 1rem;
    margin-left: -1.5rem;
    margin-right: auto;
}

body a {
    text-decoration: underline var(--color);
    text-underline-offset: 0.2rem;
}