@import url('https://fonts.cdnfonts.com/css/b0bmono');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: 'B0bmono', sans-serif;
    background-color: var(--background-color-1);
    color: var(--text-color);
    max-width: auto;
}

:root{
    --primary-color: #2a7ad2;
    --secondary-color: #4d8310;
    --text-color: #f3f4f8;
    --link-color: #263953;
    --link-hover-color: #add0fe;
    --border-color: #787878;
    --background-color-1: #121212;
    --background-color-2: #254258;

    --radius: 2px;
    --transition: 0.3s ease-in-out;

    --hamburger-svg: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><line x1='3' y1='6' x2='21' y2='6'/><line x1='3' y1='12' x2='21' y2='12'/><line x1='3' y1='18' x2='21' y2='18'/></svg>");
    --hamburger-width: 150px;

    /* vm controls */
    --stats-width: 250px;
    --controls-inner-width: 100px;
}