/* source: faerdighed\funktioner\andengrad.htm style block 1 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

    body {
        font-family: "Noto Sans", sans-serif;
        text-align: center;
    }
    .container {
        background-color: #e6f7ff;
        padding: 20px;
        border-radius: 10px;
        border: 2px solid #b3e0ff;
        max-width: 800px;
        margin: auto;
    }
    .canvas-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .solution-container {
        display: none;
        background-color: white;
        padding: 15px;
        border-radius: 10px;
        border: 2px solid #b3e0ff;
    }
    canvas {
        background-color: white;
        border: 1px solid black;
    }
    .button-container button, button.standard-button, button {
        font-size: 15px;
        padding: 10px 20px;
        margin: 10px;
        cursor: pointer;
        border-radius: 5px;
        border: 1px solid #007acc;
        background-color: #007acc;
        color: white;
    }
    .button-container button:hover, button.standard-button:hover, button:hover {
        background-color: #005a99;
    }

        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #problem {
            margin-top: 20px;
            font-size: 18px;
        }
        #solution {
            margin-top: 20px;
            font-size: 18px;
            display: none; /* Skjult som standard */
        }
        button {
            margin: 20px 10px;
            padding: 10px 20px;
            font-size: 16px;
        }
        .standard-button {
            background-color: #fff;
            border: 1px solid #000;
            cursor: pointer;
        }
        /* Centrering af lærred */
        .canvas-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        canvas {
            border: 1px solid black;
        }
        /* Brøker med stor brøkstreg */
        .fraction {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
        }
        .fraction > span {
            display: block;
            padding: 0;
        }
        .fraction span.denominator {
            border-top: 1px solid #000;
        }