div
{
    border-radius: 5px;
    }
#header
{
    position: fixed;
    z-index: 1;
    height:40px;
    width: 98%;
    background-color: #668284;
    margin-bottom: 10px
}

#name {
    float:left;
	margin-left: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	color: #ffffff;
}


#location{
    float:right;
    margin-right: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	color: #ffffff;
}

#contact
{
    margin-left:45%;
    padding-bottom: 10px;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	color: #ffffff;
    }

a:hover {
    font-weight: bold;
}

.left
{
    float: left;
    margin-top: 50px;
    padding-left:5px;
    /*margin-right: -10px;
    margin-left: 14%;*/
    height: auto;
    width: 99%;
    background-color: #E3EDD8;
    }

img
{
    border-radius: 5%;
    float: right;
    margin-top: -35px;
    margin-right: 90px;
    height: relative;
  
    background-color: #E3EDD8;
    }
    
#footer
{
    height:40px;
    clear:both;
    position: relative;
    background-color: #C1E3E1;
}
    
h3
{
    text-decoration: underline;
}

#job-responsibilities
{
    height: 5px;
    padding: 1px;
}
.job-title
{
    font-weight: bold;
}
table
{
    border: 1px dashed black;
}
td
{
    padding: 2px;
    border: 1px solid #E88741;
}

#course-name
{
    font-weight:bold;
}

#company-name
{
    height:5px;
    text-decoration:underline;
}

#job-title
{
    height: 5px;
}
.job-duration
{
    float:right;
}

#heading
{
    font-weight:bold;
}

p
{
    height: min-content; 
    
}


.content 
{
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 30px;
    padding: 30px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    z-index: 1;
}