@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@300&display=swap');

body {
    color: #8897ac;
    font-family: 'Mitr', sans-serif;
	font-size:1.2em;
	}

/* ---- Set up site grid ---- */
.wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: 
        "banner"
        "nav"
        "main"
        "footer";
        grid-gap: 4px; 
		background-color:#112c18; /* change this colour */
		width:1200px;
		margin:auto;
		
    }

/* ---- End of grid setup ---- */

/* ---- Area styling ---- */

.box {
    padding: 20px;
    /* border-radius: 10px; */
	}


.footer {
    background-color: #1c3a17; /* change this colour */
	width:1160px;
	margin:auto;
	text-align: right;
	}

/* Set font colour*/
.banner, .footer {
    color: blue; /* change this colour */
	}

/* Area specifics */




.nav {
    background-color: #182216;  /* silver */
    font-size: 150%;
    text-align: center;
	font-family: 'Fahkwang', sans-serif;
	font-family: 'Smooch Sans', sans-serif;
	}

.main {
    grid-area: main;
    background-color:#092c12;  /* change this colour */
	padding-left:10px;
	padding-right:10px
	}


/* ---- End of Area styling ---- */

h1{
    font-family: 'Ubuntu', sans-serif;
	font-size:3em;
	margin:auto;
	padding:0px 0px 100px 350px;
	color:#fff	/* change this colour */
	}

h2, h3, h4 {
    font-family: 'Ubuntu', sans-serif;
	}


/* Sub Heading Formatting */
.sub_heading {
    color: #593849; /* purple */
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
	}

.main {
	margin:auto;	
	border:0;
	}

#hello{
	color:#fff;  /* change this colour */
	font-size:0.7em;	
	float:left;
	margin-top:6px;
	padding-right:5px
	}
	
i {
	font-size:0.7em;
	float:left;
	padding-left:4px;
	margin-top:6px;
	}

a {text-decoration: none;}