styles.css

h1 {
    position: absolute;
    font-family: 'Indie Flower', cursive;
    font-size: 40px;
    text-align: center;
}

h2 {
    font-family: 'Indie Flower', cursive;
    font-size: 40px;
    text-align: center;
}

p {
    font-family: "Indie Flower", cursive;
    font-size: 25px;
    text-align: center;
		  
}
.main_container {
    display: grid;
    grid-template-columns: 3fr, 1fr;
    grid-template-areas:
        "header header"
	"main sidebar"
	"footer footer";
    grid-gap: 25px;

}

#funFactPic {
    padding-top: 50px;
    height:300px;
    padding-left: 38%
    
}

.inputForm form {
    text-align:  center;
    padding-left: 44%;
    margin-bottom: 25px;
    margin-top: 25px;
}

label {
    font-family: "Indie Flower"
}

input {
    font-family: "Indie Flower";
    text-align: center;
}

form {
    padding-right: 45%
}

form p {
    text-align: left;
}

.main_container img {
    width: 90%;
}

.aboutimg {
        float: left;
        padding-left: 150px;
        padding-right: 100px;
        padding-top: 50px;
        width: 25%;
}

.aboutp {
    padding-top: 50px;
    font-family: 'Indie Flower', Cursive;
    font-size: 25px;
}

.about_footer {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
}

.pic_log {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    width: 50%;
    padding-left: 25%;
    padding-right: 25%;
    
    
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    background-color: #75AADB;
}



nav li {
    float: left;
    font-family: 'Indie Flower', cursive;
    font-size: 25px;
    padding-right: 6%;
    padding-left: 6%
}

nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


nav li a:hover {
    background-color: #FCBF49;
}



.header {
    grid-area: header;
}

#mainimg {
    width: 100%;
}

.sidebar {
    grid-area: sidebar;
    width: 100%;
    text-align: left;
}

.sidebar img {
    width: 25%;
}


.main {
    grid-area: main;
}

.footer {
    grid-area: footer;
    text-align: center;
}

.footer2 {
    grid-area: footer;
    text-align: center;
    position: absolute;
    bottom: 5px;
    padding-left: 25%;
    padding-right: 25%;
    width: 50%;
}
		
.pic_footer {
    position: relative;
    text-align: center;
}