body {
    background-color: rgb(130, 230, 255);
    font-family: 'Courier New', Courier, monospace;
    font-size: 15px;
}

header {
    padding: 2px;
    border-radius: 5px;
    background-color:rgb(245, 255, 255);
    margin: 10px;
    color: rgb(165, 165, 165);
    display: flex;
    justify-content: space-between;
	height: 80px;
}
img {
    border-radius: 5px;
    margin: 5px;
}

.nav {
    font-size: 30px;
	margin: auto;
	padding: 5px;
	background-color: rgb(25, 135, 255);
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: rgb(25, 25, 25);
	transition: transform 1s;
}

.nav:hover{
    transform: scale(1.2, 1.2);
}

footer {
    padding: 2px;
    border-radius: 5px;
    background-color:rgb(245, 255, 255);
    margin: 10px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: space-around;
	height: 55px;
}

div{
    background-color:rgb(245, 255, 255);
}

.a{
	grid-area: a;
}
.b{
	grid-area: b;
}
.c{
	grid-area: c;
}
.d{
	grid-area: d;
}
.e{
	grid-area: e;
}
.f{
	grid-area: f;
}
.g{
	grid-area: g;
}
.h{
	grid-area: h;
}

#grida{
	display: grid;
    grid-template-areas:
    'a a'
	'b d'
    'c d';
    gap: 15px;
    padding: 2.5%;
}

#gridf{
    display: grid;
    grid-template-areas:
    'a a'
	'b c'
    'd c';
    gap: 15px;
    padding: 2.5%;
}

h1 {
    text-align: center;
    font-size: 30px;
}

h2 {
    text-align: left;
    font-size: 20px;
}

h3 {
    text-align: center;
    font-size: 20px;
}

#bigtext {
    font-size: 25px;
}