body {
    background-color: rgb(255, 255, 255);
}

h1 {
    color: rgb(100, 82, 82);
}

.label {
    color: #3d2be2;
    font-weight: bold;
}

.cursor {
    background-color: #2be268;
    font-weight: bold;
}

.control {
    background-color: rgb(221, 221, 221);
    border: 0.1rem solid rgb(150, 21, 21);
    font-size: 10px;
    border-radius: 5px;
}

.guide {
    font-size: 10px;
    border: 0.1rem solid rgb(255, 0, 0);
    border-radius: 5px;
    box-shadow: 4px 4px 4px rgb(216, 215, 215);
}

p {
    margin: 2em;
}

.equation {
    margin: 20 auto;
    font-size: 11px;
    border: 0.1rem solid rgb(150, 121, 121);
    background: #c8f7c4;
    border-radius: 5px;
    # box-shadow: 4px 4px 4px rgb(216, 215, 215);
}

.note {
    margin: 20 auto;
    font-size: 10px;
    border: 0.1rem solid rgb(150, 121, 121);
    background: rgb(240, 240, 240);
    border-radius: 5px;
    min-height: 20px;
}

canvas {
    border: 1px solid rgb(33, 153, 29);
    background: #2a36e9;
}

datalist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    writing-mode: vertical-lr;
    width: 200px;
}

option {
    padding: 0;
}