* {
padding: 0;
margin: 0;
}

body {
font-family: "perpetua";
background-color: #F2E9DD;
font-weight: 600;
}

header {
position: fixed;
display: flex;
justify-content: space-between;
background-color: #F2E9DD;
opacity: .7;
  align-items: center;
  width: 100%;
  height: 15vh;
}

header a {
	text-decoration: none;
    color: #4a4a4a;
}

.name {
font-size: 2.5em;
margin-left: 75px;
text-align: left;
}

nav {
margin-right: 75px;
}

nav li {
    display: inline;
	font-size: 2em;
	margin-left: 30px;
}

footer {
	margin-top: 30px;
	margin-bottom: 30px;
margin-right: 40px;
}

.social-icons {
width: 100vw;
display: flex;
justify-content: center;
}



.social-icons li {
list-style-type: none;
}

.social-icons a {
margin-left:35px;
margin-right: 35px;
margin-bottom: 20px;
}

.social-icons img {
max-height: 20px;
width: auto;
}

/* Hamburger menu styles */

.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.hamburger .bar {
    width: 25px;
    height: 3px;
    background-color: #4a4a4a;
    margin: 4px 0;
}


/* For mobile */

@media screen and (max-width: 700px) {

	
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100vw;
		height: 100vh;
        position: absolute;
        left: 0;
        background-color: #F2E9DD;
		margin-top: 8vh;
}

    .nav-links.active {
        display: flex;
    }
	
	nav li {
		margin-top: 8vh;
		margin-bottom: 8vh;
margin-left: 15px;
		font-size: 1.5em;
	}

    .hamburger {
        display: flex;
    }
	
.name {
font-size: 1.7em;
margin-left: 40px;
text-align: left;
}

nav {
margin-right: 40px;
}

.menu {
	display: flex;
	flex-direction: column;
}
}

footer {
font-size: .7em;
	margin-top: 30px;
	margin-bottom: 30px;
margin-right: 40px;
}