*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

html, body{
    height: 100%;
}

#container{
    min-width: 550px;
}

header{
    background: #274d6d;
    color: #fff;
    width: 100%;
    line-height: 100px;
    text-align: center;
    background-color: rgb(69, 120, 230);
}

header h1{
    padding: 10px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    line-height: normal;
}

.main{
    margin-left: auto;
    margin-right: auto;
}

.main h3{
    margin-top: 1em;
    text-align: center;
}

.buttonsUp{
    margin-top: 1em;
    text-align: center;
}

#grid{
    height:596px;
    width: 596px;
    border: 1px black solid;
    display:grid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2em;
}

#grid:hover{
    cursor: crosshair;
}

.box{
    /*border: 1px black solid;*/
    background-color:white;
}

.gridOn{
    border: 1px black solid;
};

.gridOff{
    border: none;
}

.buttonsDown{
    margin-top: 1em;
    text-align: center;
}

footer{
    padding: 15px;
    /* position: fixed;
    bottom: 0; */
    background-color:rgb(69, 120, 230);
    color: #fff;
    width: 100%;
    height: 85px;
    clear: both;
    margin-top: 2em;
}

footer p {
    margin: 5px;
}

#left{
    float: left;
}

#right{
    float: right;
}

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

.black{
    background-color: rgb(0,0,0);
    color: rgb(0,0,0);
}

.purple{
    background-color: rgb(148,0,211);
    color: rgb(148,0,211);
}

.indigo{
    background-color: rgb(75,0,130);
    color: rgb(75,0,130);
}

.blue{
    background-color: rgb(0,0,255);
    color: rgb(0,0,255);
}

.green{
    background-color: rgb(0,255,0);
    color: rgb(0,255,0);
}

.yellow{
    background-color: rgb(255,255,0);
    color: rgb(255,255,0);
}

.orange{
    background-color: rgb(255,127,0);
    color: rgb(255,127,0);
}

.red{
    background-color: rgb(255,0,0);
    color: rgb(255,0,0);
}

.random{
    background-color: white;
    color: black;
}
