#nav_name{
    flex:50%;
    min-width:50%;
    text-align:left;
    line-height:0;
    font-weight: 400;
}

#nav_links{
    flex:50%;
    min-width:50%;
    text-align:right;
    line-height:0;
    padding-top:8px;
    font-size:18px;
}

#navbar{
    display:flex;
    flex-wrap:wrap;
    max-width:100%;
    padding-top:10px;
    padding-bottom:20px;
}

@media screen and (max-width: 600px){
    #nav_name,
    #nav_links{
        flex:100%;
        max-width:100%;
    }
    nav_links{
        text-align:left;
    }
}

body{
 background-color: #fff5ee;
 max-width:1392px;
 font-family:Arial, Helvetica, sans-serif;
 display:flex;
 flex-direction:column;
 margin:auto;
 
}

/*header text
#con{font-family: sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.85;
letter-spacing: 0;
color: #363636;
  padding:0 20px;}

/* nav bar
#navbar ul{list-style:none;
padding: 1em 0;
display:inline-block;
text-decoration:none;
  font-size:18px;
  padding-right:15px;
display:flex;
flex-wrap:wrap;
}


#navbar li{display:inline;
padding: 0 1.5em;
border-right: 3px solid black;
text-align:center;
margin:auto;
}
*/

#navbar a{font-weight:bold;
text-decoration:none;
font-family: sans-serif;
font-size: 110%;
color:#363636;}

.container {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

body{
  padding-left: 10%;
  padding-right:10%;
}


/*Edu content*/
#edu p, h4, h5{
  margin-left:40px;
}

#edu h2{
  border:none;
  border-bottom: 2px solid;
  -webkit-text-size-adjust: 100%;
}

#edu h4{
  font-size: 120%;
}

#edu h5{
  font-size: 110%;
  margin-top: -10px;
}

#edu li{
  margin-left: 50px;
}

#edu ul{
  margin-top: -20px;
}

/* Exp Content*/
#exp p, h4, li{
  margin-left:40px;
}

#exp h2{
  border-bottom: 2px solid;
}
#exp h4{
  font-size: 120%;
  color:#7d3c98;
}

#exp p{
  text-decoration: underline;
  margin-top: -20px;
}

/* skills content*/

#skills h2{
  border-bottom: 2px solid;
}

#skills h4{
  font-size: 120%;
  margin-left: 40px;
  color:#7d3c98;
}

#skills li{
  margin-top: -20px;
}

#skills{
  float:left;
  margin-top:-20px;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

/*links*/
a:visited {
  color: #7d3c98;
  background-color: transparent;
  text-decoration: none;
}

a:link {
  color: #7d3c98;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #7d3c98;
  background-color: transparent;
  text-decoration: underline;
}


/*footer*/
footer {
  font-family: sans-serif;
  text-align:center;
  font-size: 125%;
  padding: 30px;
  background-color:	#363636;
  color: white;
  margin-top:80px;
  margin-bottom:-15px;
  margin-left:-220px;
  margin-right: -220px;
  clear:both;}