html {
    height: 100%;
    width: 100%;
    filter: saturate(5);
    cursor: crosshair !important;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#calculator {
    width: 100%;
    height: 100%;
}

#nav {
    width: 100%;
    height: 50px;
    background-color: cyan;
    display: flex;
    align-items: center;
}

.title {
    color: black;
    display: flex;
    flex: 1;
    justify-content: center;
    height: auto;
}

.title svg {
    width: 100px
}

.dcg-graph-outer {
    filter: saturate(100) blur(0.9px);

}

.dcg-expressionlist {
    background: hotpink;
    font-family: "Comic Sans MS";
    cursor: crosshair !important;
    border: 5px greenyellow dashed;

}

.dcg-expressionlist * {
    cursor: crosshair;
    font-family: "Comic Sans MS";

}

.dcg-fade-container {
    background: orange;
}

.dcg-btn-primary {
    background: lime !important;
    border: 3px dashed red !important;
}

.dcg-mq-root-block var {
    font-family: 'Comic Sans MS' !important;
    font-style: normal !important;
    font-weight: 800;
}

.dcg-btn-flat-gray

/* will not be flat and gray anymore >:D */
    {
    background: cyan !important;
}

.dcg-grapher {
    background: chartreuse;
}