style.css

canvas {
    background-color: #fff;
    border: 1.5px solid #000;
}

body h1 {
    background-color: #d12929;
    color: #fff;
    padding: 15px 500px
}

body {
    background-color: #f4f4f4;
    font-family: Tahoma, Geneva, sans-serif;
}

.canvButtons {
    background-color: #4c0920;
    color: #fff;
    border: 2px #000;
    font-family: Tahoma, Geneva, sans-serif;
}

.modalButton {
    background-color:#f48f42;
    color: #fff;
    border: 2px #000;
    font-family: Tahoma, Geneva, sans-serif;
}
.modalButton:hover {
    background-color:#b75a14
}

.canvButtons:hover {
    background-color: #373831;
}

.canv {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10pt;
}

.modal {
    display:block;
    position: absolute;
    z-index: 1;
    left:0;
    top:0;
    margin-left: 0px;
    margin-top: -250px;
    height: 200%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.modalError {
    display:none;
    position:fixed;
    z-index: 1;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}

.modalContent {
    background-color: #f4f4f4;
    margin: 20% auto;
    width:40%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}

.modalTextContent {
    background-color: #f4f4f4;
    margin: 20% auto;
    width:25%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}

.closeModalBtn {
    color: #fff;
    float: right;
    font-size:30px;
}

.closeModalBtn:hover, .closeModalBtn:focus {
    color: #000;
    text-decoration:none;
    cursor:pointer;
}

.modalHeader h2 {
    margin:0;
}

.modalHeader {
    background: #5e90e0;
    padding:15px;
    color:white;
}

.modalBody {
    padding:10px 20px;
}

.lb {
    font-size:12px;
}