body {
    background-color: white;
}

input {
    color: navy;
    background-color: white;
    border: red solid 0px;
    width: 18px;
    height: 33px;
    position: relative;
    font-size: 27px;
    text-align: center;
    visibility: hidden;
    width: 22px;
}

span {
    position: absolute;
    color: navy;
    font-family: Arial;
    background-color: white;
    border: red solid 0px;
    height: 33px;
    font-size: 27px;
    padding: 1px;
    text-align: center;
}


#tidText {
    color: navy;
    background-color: white;
    width: 222px;
    height: 23px;
    position: absolute;
    top: 20px;
    font-size: 19px;
    text-align: center;
    visibility: visible;
    padding: 7px;
    font-family: sans-serif;
    cursor: none;
}

#fejlText {
    color: navy;
    background-color: white;
    width: 152px;
    height: 23px;
    position: absolute;
    top: 20px;
    left: 200px;
    font-size: 19px;
    text-align: center;
    visibility: visible;
    padding: 7px;
    font-family: sans-serif;
    cursor: none;
}

#resetButton,
#saveButton {
    color: red;
    background-color: ghostwhite;
    border: green ridge 4px;
    border-radius: 11px;
    width: 222px;
    height: 43px;
    position: absolute;
    top: 468px;
    font-size: 23px;
    cursor: pointer;
    z-index: 55;
    visibility: hidden;
}

#visStat {

    color: red;
    background-color: ghostwhite;
    border: green ridge 4px;
    border-radius: 11px;
    width: 152px;
    height: 26px;
    position: absolute;
    top: 13px;
    left: 22px;
    font-size: 17px;
    cursor: pointer;
    z-index: 55;
}
 #myChart {

        position: absolute;
        top: 440px;
        border: 3px red ridge;
        box-shadow: 10px 10px 3px grey;
        padding: 22px;
        color: navy;
        visibility: hidden;
        z-index: 33;
        background-color: white;
    }

    #instruktion {
        position: relative;
        top: 270px;
        align-content: center;
        color: navy;
        font-family: "Arial";
        font-size: 22px;
        border: 0px red outset;
        width: 44%;
        margin-left: auto;
        margin-right: auto;

    }

#sletStat {

    color: red;
    background-color: ghostwhite;
    border: green ridge 4px;
    border-radius: 11px;
    width: 152px;
    height: 26px;
    position: absolute;
    top: 48px;
    left: 22px;
    font-size: 17px;
    cursor: pointer;
    z-index: 55;
}

#naviLink {
    color: red;
    width: 152px;
    height: 26px;
    position: absolute;
    top: 220px;
    left: 12px;
    font-size: 22px;
    cursor: pointer;
    font-family: "Arial";
    z-index: 55;

}


#resultatTekst {

    position: absolute;
    left: 11px;
    top: 444px;
    height: 222px;
    width: 444px;
    font-size: 22px;
    visibility: visible;
}



#sletStat:hover {
    background-color: ghostwhite;
    color: navy;
    border-bottom: 4px red ridge;
    border-top: 4px red ridge;
    border-radius: 0px;
    box-shadow: 6px 6px 3px grey;
}

#visStat:hover {
    background-color: ghostwhite;
    color: navy;
    border-bottom: 4px red ridge;
    border-top: 4px red ridge;
    border-radius: 0px;
    box-shadow: 6px 6px 3px grey;
}

#ovelsesTekst {
    background-color: whitesmoke;
    border: red outset 6px;
    padding: 32px;
    font-size: 16px;
    box-shadow: 10px 10px 3px grey;
    position: absolute;
    top: 1200px;
    height: 433px;
    width: 850px;
    z-index: 60;
    visibility: hidden;


}



#graphCanvas {
    background-color: whitesmoke;
    border: red outset 0px;
    box-shadow: 10px 10px 3px grey;
    position: absolute;
    height: 433px;
    z-index: 60;
    width: 0px;
}

#resultatTekst {
    background-color: linen;
    color: navy;
    border: navy outset 4px;
    box-shadow: 10px 10px 5px grey;
    border-radius: 42px;
    padding: 16px;
    font-size: 23px;
    width: 520px;
    height: 250px;
    visibility: hidden;
    position: absolute;
    top: 244px;
    left: 55px;
    z-index: 50;
}