body {
    background-color:skyblue;
}

.profile_pic {
    height:200px;
    width:200px;
    padding:20px;
}
.container {
    margin-left:100px;
    margin-right:100px;
    margin-top:10px;
}

.container #header {
    border:2px solid black;
    background-color:lightblue;
    display:flex;
    align-items:center;
    gap:30px;
    padding:20px;
}
.container #header h1 {
    margin-left:150px;
}

.container #header h2 {
    margin-left:150px;
}
.container #header p {
    margin-left:200px;
    margin-right:200px;
    text-align:justify;
}

.container #main {
    border:2px solid black;
    height:700px;
}

.portfolio {
    display:flex;
    background:lightblue;
    justify-content:center;
    flex-wrap:wrap;
    border:1px solid gray;
    height:700px;
}

.portfolio div {
    margin:10px;
    /*padding: 20px;*/

}

#link1 {
    height:325px;
    background:white;
    margin-left:75px;
}

#link2 {
    height:325px;
    background:white;
}

#link3 {
    height:325px;
    background:white;
    flex-basis:20%;
}

.container #footer {
    border:2px solid black;
    background-color:lightblue;
}

.nav_menu {
    list-style-type:none;
    margin:0;
    justify-content:center;
    overflow:hidden;
    display:flex;

}

.nav_menu li {
    float: left;
}

.nav_menu li a {
    display: block;
    text-align:center;
    padding: 14px 16px;
    text-decoration: none;
    color: black;
}

.nav_menu li a:hover {
    background-color: skyblue;
}

form {
    display:flex;
    flex-direction:column;
    gap:10px;

    width:100%;
    max-width:600px;
}