@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,700');

body {
    background:#effcf2;
    font-family: 'Titillium Web', sans-serif;
    color: black;
    margin: 1rem;
}  


#header{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
    background-color: #70d4b2;
}

#header div h1{
    font-size: 35px;
}

#header nav ul li {
    list-style: none;
    text-decoration: none;
    display: inline-block;
    padding: 0.3rem;
        
}

#header nav ul li a {
    text-decoration: none;
    color:black;
    transition: color 1s ease-out;
  
}

#header nav ul li a:hover {
    text-decoration: none;
    color: white;
    font-weight: 700;

}

img {
    max-width: 100%;
    height: auto;
}


footer{
    max-width: 2000px;
    padding: 1%;
    color: white;
    background-color: #313131;
    font-weight: 300;
    font-size: 12px;
}