table {
    font-family: "Futura", "Gill Sans", Arial;
    width: 100%;
    border-style: none;
   
}


h1 {text-align: center;}
h3 {text-align: center;}
h2 {
    text-align: center;
    text-decoration-line: overline;
    text-decoration-style: wavy;
}

p {
    text-align: center;

    font-size: 20px;

}


img {

    max-width: 800px;
}


.mini img {
    max-width: 300px;
}

.mega img {
    max-width: 1000px;
}


/*CSS for the subtables*/
td.mini{width:3%; }
table.sub {
    

}

/*Sorting the colours for the background */

.sky{background-color: #cbfcff; }
.skyfade{ background-color: #93f4f4; background-image: linear-gradient(#CBFCFF, #7CD6FE);}
.skyend{background-color: #7cd6fe; }
.land{background-color: #705810;}
.surface{ background-color: #d4f9f1;}
.surfacefade{background-color: #407042; background-image: linear-gradient(#d4f9f1, #78e5ea); }
.surfacefade2{background-color: #78e5ea; background-image: linear-gradient(#78e5ea, #3a846d);}
.sunny{background-color: #3a846d;}
.sunnyfade{background-color: #78e5ea; background-image: linear-gradient(#3a846d, #254455);}
.sunnyfade2{background-color: #3a846d; background-image: linear-gradient(#254455, #1c2b4b);}
.deeperfade{ background-color: #1c2b4b; background-image: linear-gradient(#1c2b4b, #221405);}
.deepest{ background-color: #221405;}

h3.deepest{color: white;}




.footer {
    grid-area: footer;
    font-family: "Futura", "Gill Sans", Arial;
    color: #DC7896; /*fallback*/
    color: rgba(227, 125, 157, 0.7);
    background-image: url("../images/icons/greyfade.png");
    background-repeat: repeat-x;
}



    .footer p {
        text-align: center;
        justify-content: center;
    }

h1 {
    justify-content: center;
    text-align: center;
    color: #FA96E8;
    text-shadow: 5px 5px rgba(255, 153, 204, 0.2);
    size: 25px;
}