:root {
    --bg: #ffffff;
    --card-bg: rgba(171, 174, 158, 255);
    --text-main: #222222;
    --text-muted: #666666;
    --accent: #312a2a;
    --accent-bg: rgba(214, 154, 84, 255);
    --accent-soft: #fbe8e5;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    color: var(--text-main);
    background-color: var(--bg);
    image-rendering: crisp-edges;
    background-size: 128px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAkBJREFUWIWtV8F24yAQk9dD/ZxL/2qP/f/fyMV52HG6h67Y8SBs+rq6xDhGEgMMw/D74+MzjQO2/RMAwGf+zlNCxCNvAFD9x/dpHACg6v/IW9XnV8XuCBSU+CNveOQNaRxk39iHbQAwJcII9AhfGY7C85QOHAcDJPKEvcJ+CnuNHAzEjiTsFX6/TQCA+5LLN2kc8Hw+K75mBH4iTCgjZygGfipMULhlhBExs38G1Hb5X8KXRvyLq4WUxgFLXnGb3prCS16/ZUTuAg+aUqNVwjTXYySNg84DXlwljzNhosfIfcnnBoCvqTEzzFMq80bi2/RWCV21meKrCKj558fb/pVmuXK3fYOZHUSuhCPKGlCrm+78h96INz1P6dTIFSyG1o88RoOiREmnfyNDUXWWxAizbSRY8lo6xm2mpgU45nR/Zmz7ccF64cp8CYUZTCzJWCsokvisRt3iMHXarfurnO8q6RCtCHjz6vlgIO5PEqi1wXfq3PhuBGi4VEQqx5sZ1v2F+5Kx7q+DeExMrIo8fIWkqqX32wQjsSeKo5mnVMh9xHzYeyPg+db9VWdCL6aEvftohH18BLwRZVKmYr+wWsevMsI+xJkwqyXzBQK3oSeJp1ivET+YWIT4Z/Mvz+r6KyNnJRg1pBElrNAy0lv7tYwYE46HyuUtI71FTMvI4Wak0mXc2x7KOKdN1ZjKSFUP8JnkcVsqxNUeBdWFpJjoGVmLuCUc2/FKJm9GkfjsenbVjui+GxJRXBGfTY06J1oR+AOidjf5HbWm5AAAAABJRU5ErkJggg==");
    background-repeat: repeat;
}

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}