body {
    color: #ffffff;
    background-color: #626464;;
    /*background-image: url("/images/bg1.jpg");*/
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#fullpage-wrapper {
    background-size: cover;
    font-family: "Helvetica Neue", serif;
    background-position: center;
    transition: background 0.5s linear;

    min-width: 100%;
    min-height: 100%;
    /*top: 0px;*/
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 1px 0;

    -webkit-transition: background 2.5s linear;
    -moz-transition: background 2.5s linear;
    -o-transition: background 2.5s linear;
    -ms-transition: background 2.5s linear;
    transition: background 2a.5s linear;
}

h2 {
    text-align: left;
    /*padding: 0 25px;*/
    font-size: 30px ;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

h3.summary {
    text-align: left;
    font-size: 20px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 30px;
    font-style: italic;
    text-align: center;
}

h3 {
    text-align: center;
    font-size: 20px ;
}

#content-container {
position: relative;
    /*top: 20px;*/
    /*height: 100%;*/
    height:100vh;

    /*background-color: rgba(71, 71, 71, 0.73);*/
    background-color: rgba(41, 41, 41, 0.92);
    margin: 20px;
    padding: 20px 0 0 0;

    /*width:100%;*/
    /*display: inline-flex;*/
    /*flex-wrap: wrap;*/
}

.name {
    margin: 0;
    font-size: 65px;
    /*font-weight: bold;*/
    /*font-size: larger;*/
    color: white;
    /* color:#459b91; */
    /*padding: 0 25px;*/
    padding: 0;
    letter-spacing: 12px;
    display: inline-block;
}

.description {
    /* display: inline-block; */
    text-align: center;
    margin-top: 10px;
}

#header {
    width: 100%;
    text-align: center;
    vertical-align: center;

    font-size: 50px;
    font-weight: bold;
    height: 230px;
    margin: 0 0 100px;
}

#status {
    font-style: italic;
    font-weight: normal;
    color: #aff6ff;
}

#name-wrapper {
    padding: 15px 0
}

.profile-image {
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    border: #ffffff 14px solid;
    /*width: 200px;*/
    height: 200px;
    overflow: hidden;
    /*border-radius: 100px;*/
}

#video-container {
    margin: auto;
    margin-top: 20px;
    width: 720px;
    height: 405px;
    border: solid 10px #ffffff;
}

.down-arrow {
    font-size: 50px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
}

.down-arrow img {
    width: 70px;
    height: 70px;
}

.code-sample-repo a {
    text-decoration: none;
    font-size: 25px;
    color: #aff6ff;
}

#skills {
    margin: 0;

    position: relative;
    min-height: 400px;
    /*border-bottom: solid 4px #ffffff;*/
    text-align: center;
    overflow: hidden;
}

#skills h2, h3 { padding: 0; margin: 0;}
#skills h3 {font-weight: normal; font-size: 25px;}


#skills ul {
    /* margin: 0; */
    padding: 0 0 0 0px;
    /*width: 800px;*/
    font-size: 14px;
    text-align: left;
    /*margin: 0 auto 20px;*/
    font-weight: normal;
    list-style-type: none;
}

#skills>ul>li:first-child {
    font-weight: bold;
    font-size: larger;
    display:flex;
    flex-direction:row;
    align-items: center;
    padding-left: 0px;
}

.skills-sub-stack {
    border-left: solid 1px rgba(184, 184, 184, 0.42);
}

.left-column-header-title{
    /*flex-grow:0;*/
}

.left-column-header-subtitle{
    /*flex-grow:0;*/
    font-weight: bold;
    font-size: large;
    margin-left: -5px;
}

.left-column-header-divider{
    flex-grow:1;
    height: 1px;
    background-color: #9f9f9f;
    margin-left: 8px;
    margin-right: 35px;
}

#skills ul li {
    padding-top: 7px;
    padding-bottom: 2px;
    padding-left: 15px;
}

.skill { display: inline-block;
    /*padding-left: 11px;*/
    /*padding-left: 5px;*/
    position: relative;
    /*top: -4px;*/
}

.skill-note {
    font-style: italic;
    color: #c5c5c5;
    font-size: 13px;
    padding-left: 8px;
    font-weight: normal;
    display: inline-block;
}

.years
{
    font-style: italic;
    color: #c5c5c5;
    font-size: 13px;
    padding-left: 10px;
    font-weight: normal;
    display: inline-block;
}
.ranking {
    height: 16px;
    width: 100px;
    text-align: right;
    position: relative;
    border-radius: 11px;
    display: inline-block;
    background-color: rgba(184, 184, 184, 0.78);
}

.ranking-bar
{
    top: -1px;
    height: 13px;
    font-size: 14px;
    color: #ffffff;
    padding-top: 3px;
    position: relative;
    padding-right: 10px;
    border-radius: 11px;
    display: inline-block;
    border: solid 1px #ffffff;
    background-color: #459b91;
    vertical-align: center;
}
.rank-yrs {
    display: inline-block;
    top: -3px;
    white-space: nowrap;
    position: relative;
}

.previous-roles-list>li>ul>li:hover {
    background-color: rgba(86, 86, 86, 0.66);
}

h3.role-sub-title {
    text-align: left;
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: -2px;
   /* color: #ff0000;*/
}


/*#programming-languages-skills .skill { width: 170px;}*/
/*#tools-skills                 .skill { width: 170px;}*/
/*#spoken-skills                .skill { width: 170px;}*/
/*#competency-skills            .skill { width: 250px;}*/

/*#personal-interests li { width: 375px;}*/
/*#personal-interests li.left  { width: 385px; display: inline-block; text-align: right;}*/
/*#personal-interests li.right { display: inline-block; padding-left: 23px;}*/


.contact-info {
    text-align: center;
    font-size: 20px;
   /* margin: 0 auto;*/
    display: block;

    /*padding: 0 10px;*/

    /*font-size: 25px;*/
}

.contact-info a {
    text-decoration: none;
    /*font-size: 25px;*/
    color: #aff6ff;
}

.contact-info .contact-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
}

.contact-item #hours {
    font-size: 14px;
    padding-left: 26px;
}

.contact-item span {
    /*background: #660909;*/
    /*padding-right: 10px;*/
}

.contact-item span img {
    /*color: aqua;*/
    /*background: #fff600;*/
    width: 18px;
    top:2px;
    position: relative;
    padding-right: 1px;
    /*padding-left: 10px;*/
    /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/

}

/*.column {*/
/*    float: left;*/
/*    */
/*}*/

.row {
    width:100%;
    display: inline-flex;
    flex-wrap: wrap;
}


.title-container {
    /* width: 80%; */
    text-align: center;
    /* background-color: #459b91; */

    margin: 0 auto;
    display: block;
    padding-bottom: 20px;
    border-bottom: 2px solid #4545458a;
}

.left-column {
    width: 20%;
    padding-left: 20px;
    /* padding-bottom: 20px; */
    background-color: #0b2b2e83;
    /* padding-left: 20px; */
    /* margin-right: auto; */
    height: 100%;
    padding-top: 0;

    margin-left: 0; 

}

.main-body-column {
    margin-left: 20px;
    padding-right: 20px;;
    width: 75%;
}


.previous-roles-list {
    /*background-color: #ff0202;*/
    list-style-type: none;
    padding-left: 0;
    margin-top: 3;
}
.previous-roles-list>li {
    margin-bottom: 15px;
    padding-top: 8px;
    border-top: solid 1px rgba(184, 184, 184, 0.42);

}
.previous-roles-list>li>ul {
    margin-top: 8px;
    list-style-type: disc;
}
.previous-roles-list>li>ul>li {
    padding: 2px;
}


.previous-roles-list .role-title {
    font-weight: bold;
    font-size: 20px;
    /*margin-bottom: 10px;*/
}

.previous-roles-list .timeframe {
    font-size: 14px;
    float: right;
    position: relative;
    color: #c2e0e4;
}

.previous-roles-list .company-description {
    font-size: 15px;
    margin-top: 3px;
    font-style: italic;
    color: #cbe9ed;
    /*color: #cbe9ed;*/
}

#experience-title {
    display: inline-block;
    padding-right: 10px;
    margin-top: 8px;
    margin-bottom: 0;
}

#recent-label {
    font-style: italic;
    color: #cbe9ed;
}