*{font-family:sans-serif;}
.background{background:no-repeat center center fixed url(../images/background.jpg);background-size:cover;height:640px;z-index:1;position:relative;top:0;bottom:0;left:0;right:0;margin:-21px -8px 0;}
.overlay{background-color:black;opacity:0.5;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;}
.container{position:relative;top:28%;z-index:4;text-align:center;}
.bioContainer,.educationContainer,.listContainer,.experienceContainer,
.exampleOfWorkContainer,.contactContainer,.resumeContainer{width:50%;margin-left:auto;margin-right:auto;margin-bottom:10px;}
.softwareList,.languageList{float:left;width:50%;list-style-type:none;}
.noMargin{margin-top:0;}
ul{list-style-type:none;/*padding:1px;*/margin:10px 10px;}
hr{width:50%;}
.resumeContainer{margin-bottom:50px;}
a{/*padding-right:10px;*/font-weight:bolder;}
::-webkit-scrollbar{width:15px;height:15px;}
::-webkit-scrollbar-button{width:0;height:0;}
::-webkit-scrollbar-thumb{background:#03a9f4;border:0 none #ffffff;border-radius:50px;}
::-webkit-scrollbar-thumb:hover{background:#03a9f4;}
::-webkit-scrollbar-thumb:active{background:#01a9f4;}
::-webkit-scrollbar-track{background:#302f2f;border:0 none #ffffff;border-radius:50px;}
::-webkit-scrollbar-track:hover{background:#666666;}
::-webkit-scrollbar-track:active{background:#302f2f;}
::-webkit-scrollbar-corner{background:transparent;}
.courseContent{overflow:hidden;max-height:0;transition:max-height 0.4s;-webkit-transition:max-height 0.4s;-ms-transition:max-height 0.4s;-moz-transition:max-height 0.4s;-o-transition:max-height 0.4s;}
.showContent{max-height:70em;}
@media screen and (max-width:768px){hr{width:70%;}
.bioContainer,.educationContainer,.listContainer,.experienceContainer,.exampleOfWorkContainer,
.contactContainer,.resumeContainer{width:70%;}
}
@media screen and (max-width:680px){hr{width:100%;}
.background{}
.container{}
.bioContainer,.educationContainer,.listContainer,.experienceContainer,.exampleOfWorkContainer,
.contactContainer,.resumeContainer{width:100%;}
}
@media screen and (max-width:480px){.background{}
.container{}
.bioContainer,.educationContainer,.listContainer,.experienceContainer,.exampleOfWorkContainer,
.contactContainer,.resumeContainer{width:100%;}
}
@media screen and (max-width:320px){.background{}
.container{}
.bioContainer,.educationContainer,.listContainer,.experienceContainer,.exampleOfWorkContainer,
.contactContainer,.resumeContainer{width:100%;}
}