:root{
     --clr-1: #cad2c5;
     --clr-2: #84A98C;
     --clr-3: #52796F;
     --clr-4: #354F52;
     --clr-5: #2F3E46;
 }

/* Box Model Hack */
* {
     box-sizing: border-box;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/

body {
     height: 100%;
     padding: 25px;
     background-color: #2F3E46;

}


/******************************************
/* LAYOUT
/*******************************************/
header {

     width: 91.75%;
     margin: 10px;
     text-align: center;
     background-color: #84A98C;
     border-radius: 10px;

}
a{
     text-decoration: none;
     font-weight: bold;
     color: black;
}

nav ul li{
     list-style-type: square;
     padding: 5px;
}

h1{
     margin: 1px;
     text-align: center;   
}
h2{ 
     margin: 1px;

}
h3{
     margin: 1px;
}
h4{
     margin: 1px;

}
.center{
     text-align: center;
}
.navigation{
     float: left;
     width: 200px;
     margin: 10px;
     height: 200px;
     position: fixed;
     background-color: #84A98C;
     border-radius: 10px;
     font-size: 30px;
}


.pic{
     float: left;
     width: 20%;
     margin:10px;

}

.intro{
     float: left;
     width: 75%;
}
.resume{
     float: left;
     width: 75%;
     margin-left: 220px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     background-color: #84A98C;
     border-radius: 10px;
}

.body{
     float: left;
     width: 75%;
     margin-left: 220px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     background-color: #84A98C;
     border-radius: 10px;
}

.papers{
     float: left;
     width: 75%;
     margin-left: 220px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     background-color: #84A98C;
     border-radius: 10px;
}

.papers1{
     float: left;
     width: 75%;
     margin-left: 220px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     background-color: #84A98C;
     border-radius: 10px;
}

.title{
     float: left;
     width: 50%;
     font-style: italic;
}

.dates{
     float: left;
     width: 50%;
     text-align: right;
     font-style: italic;     
}

.company{
     float: left;
     width: 50%;
}

.location{
     float: left;
     width: 50%;
     text-align: right;
}

.fix{
     float: left;
     width: 100%;
}

.section_header{
     text-align: center;

}

.projects{
     float: left;
     width: 75%;
     margin-left: 220px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
     background-color: #84A98C;
     border-radius: 10px;
}



/******************************************
/* ADDITIONAL STYLES
/*******************************************/