* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat641.cur), auto !important;
    border-radius: 7px;
}

:root {
    /* gruvbox colors (change to flexoki soon!*/
    --bg: #fbf1c7;
    --bg2: #ebdbb2;
    --red: #cc241d;
    --green: #98971a;
    --yellow: #d79921;
    --blue: #458588;
    --purple: #b16286;
    --aqua: #689d6a;
    --gray: #7c6f64;
    --light-gray: #928374;
    --dark-red: #9d0006;
    --dark-green: #79740e;
    --dark-yellow: #d79921;
    --dark-blue: #076678;
    --dark-purple: #8f3f71;
    --dark-aqua: #427b58;
    --fg: #3c3836;
    --fg2: #282828;
}

body {
    background-color: var(--bg);
    color: var(--fg);
    font-family: Helvetica, sans-serif;
}

code {
    font-family: "JetBrains Mono";
}

a {
    font-size: 1.25rem;
    color: var(--yellow);
}

img {
    max-width: 100%;
}
/*
a:link {
    color: var(--blue);
}

a:visited {
    color: var(--dark-purple);
}
*/

.main_block_item {
}

.sidebar_item {
    background-color: var(--fg);
    border: 8px solid var(--fg);
    color: var(--yellow);
}

#wrapper {
    max-width: 75%;
    margin: auto;
    background-color: var(--bg2);
}

#titlebar {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: 4px solid var(--light-gray);
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*outline: 4px solid var(--aqua);*/
}

#container {
    padding: 10px;
    column-gap: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 4px solid var(--light-gray);
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr;
}

#sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

#main_block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

#code_block {
    background-color: var(--fg2);
    color: var(--bg);
    font-family: "JetBrains Mono";
    padding: 0.5em;
}

@media (max-width: 700px) {
    #wrapper {
        max-width: 100%;
    }
}