html {
    background-color: EADEDE;
    min-height: 100vh;
    }
body {
    margin: 0;
    padding: 0;
    background-color: D6D7D0;
    
}
.body {
    background-color: 8DBCEB;
    max-width: 900px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto 1fr auto;
    border-left: 1px solid darkblue;
    border-right: 1px solid darkblue;
    min-height: 100vh;
    color: F7F3F3;
    font-family: helvetica;
}

#paragraph {
    background-color: 8DBCEB;
    font-size: 18px;
    border-radius:1px;
    text-align: center;
    margin: auto;
    padding: 4px 14%;
}

header img {
    max-width: 100%;
}

h1 {
    font-size: 55px;
    background-color: 303767;
    border-radius:1px;
    text-align: center;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 4px grey;
}

#download {
    font-size: 75px;
    background-color: forestgreen;
    border-radius:1px;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 92%;
    margin-left: 4%;
}

#download:hover {
    background-color: darkgreen;
    
}

a {
    text-decoration: none;
    color: F7F3F3;
    width: 50%;
    margin: auto;
}

h2 {
    font-size: 45px;
    background-color: 303767;
    border-radius:1px;
    text-align: center;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 4px grey;
}

a img {
	border-width: 2px;
	border-color: darkblue;
	border-style: solid;
    margin: 3px;
}

.ingress {
    background-color: 303767;
    font-size: 18px;
    color: F7F3F3;
    border-radius: 1px;
    text-align: center;
    margin-top: 0;
    padding: 0;
    
    }
    
    
    
#container {
    width: 100%;
}

.leftcolumn {
    background-color: 305555;
    font-size: 35px;
    border-radius:1px;
    text-align: center;
    width: 45%;
    margin-left: 4%;
    float: left;
}

.rightcolumn {
    background-color: 305555;
    font-size: 35px;
    border-radius:1px;
    text-align: center;
    width: 45%;
    margin-left: 51%;
}

.leftcolumn:hover {
    background-color: grey;
}

.rightcolumn:hover {
    background-color: grey;
}

footer {
    text-align: center;
    background-color: 305555;
    font-size: 18px;
    border-radius: 1px;
    color: F7F3F3;
    width: 100%;
}
#footer:hover {
    background-color: darkgrey;
}

#clickable {
    background-color: 5068AB;
    font-size: 22px;
    border-radius:1px;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 4px auto;
	margin: 7px 0px;
}

#clickable:hover {
    background-color: A5301C;
}