body,html{font-family:HELVETICANEUECYR-LIGHT,sans-serif} .a-button a:hover,.list-text:hover{text-decoration:none}@font-face{font-family:HelveticaItalic;src:url(../fonts/HelveticaItalic/HelveticaItalic.eot);src:url(../fonts/HelveticaItalic/HelveticaItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaItalic/HelveticaItalic.woff) format("woff"),url(../fonts/HelveticaItalic/HelveticaItalic.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:HelveticaLight;src:url(../fonts/HelveticaLight/HelveticaLight.eot);src:url(../fonts/HelveticaLight/HelveticaLight.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaLight/HelveticaLight.woff) format("woff"),url(../fonts/HelveticaLight/HelveticaLight.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:HELVETICANEUECYR-BOLD;src:url(../fonts/HelveticaItalic/HELVETICANEUECYR-BOLD.OTF) format("opentype")}@font-face{font-family:HELVETICANEUECYR-LIGHT;src:url(../fonts/HelveticaLight/HELVETICANEUECYR-LIGHT.OTF) format("opentype")}::-webkit-scrollbar{width:0;background:rgba(255,255,255,0)}body{overflow-x:hidden} .safari-warning{display:none;color:#ff6e00}.safari .safari-warning{display:block}@media screen and (max-width: 40em){.codrops-header{padding:2em 3vw}.codrops-header h1{font-size:2.8em}.section{margin:0;width:100%;padding:0 3vw}}.svg-filters{position:absolute;visibility:hidden;width:1px;height:1px}.button--6{text-transform:capitalize;margin-top:10px;height:50px;font-size:18px;background-color:transparent;color:#fff;border:2px solid #fff;border-radius:4px;padding:8px 30px;-webkit-font-smoothing:antialiased;display:inline-block;font-weight:700;text-decoration:none;user-select:none;letter-spacing:0.025em;-webkit-transition:background-color .1s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out; transition:background-color .3s ease-out}.button--6:hover{background-color:#fff;color:#044dd1}.button--6:focus{outline:none;}.safari .button,.safari .button__bg{-webkit-filter:none!important;filter:none!important}.button--6{transform:translateZ(0);-webkit-transform:translateZ(0);outline:90px solid transparent!important} .B-mail,.bachelor-text,.skils,.titleText,.yers{ font-family:HELVETICANEUECYR-BOLD}.header-left{position:fixed;width:50%;background-color:#044dd1;height:100vh;min-height:600px;float:left}.cont,.main{height:100%}.cont{width:100%}.divImg{margin:auto;padding-bottom: 30px;}.main{display:flex}.textAbout{color:#fff;font-size:28px;font-family: HELVETICANEUECYR-BOLD}.B-mail{margin-top:10px;height:50px;font-size:18px;background-color:transparent;color:#fff;border:2px solid #fff;border-radius:4px;padding:8px 30px}.icons,.icons a{color:#fff}.B-mail i{font-size:22px}i{padding-left:10px}.icons{position:absolute;left:0;right:0;margin-top:35px; padding-left: 15px}.icons a:hover{color:rgba(7,178,252,.84)}.titleText,li{color:#044dd1}.header-right{width:50%;padding-left:40px;min-height:600px;float:right;letter-spacing: 0.025em;line-height: 1.6;}.text-cen{margin-top:-1px}.titleText{width:109px;margin-top:-2px;text-transform:uppercase}.cont-2,.row-2{width:100%}.text-about-me{padding-right:8%;text-align:left}.cont-2{margin-top:80px}.div-text{width:78%;font-size:16px;margin-top:-3px;padding-left:30px}.skils{margin-left:-20px;margin-top: 25px;}li{padding-bottom:5px}li span{color:#000;font-weight:700}h2{text-align:center}.a-button{border:none;outline:0;background-color:rgba(92,184,92,.84);display:block;float:right;padding:4px 12px;border-radius:7px}#college,.bachelor-text{font-weight:700;font-family: HELVETICANEUECYR-BOLD;float:left}.a-button:hover{background-color:rgba(104,197,104,.84);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.a-button:active{background-color:rgba(85,170,85,.84)}.a-button a:hover,.a-button a:visited{color:#fff}@-webkit-keyframes swing{15%{-webkit-transform:translateX(9px);transform:translateX(9px)}30%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}65%{-webkit-transform:translateX(3px);transform:translateX(3px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes swing{15%{-webkit-transform:translateX(9px);transform:translateX(9px)}30%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}65%{-webkit-transform:translateX(3px);}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.yers{text-align:right;font-weight:700;display:block}.software-text{text-align:left;padding-top:10px;padding-bottom:25px}.div-small{width:70%}#college{text-align:left}.img{width:376px;height:423px;background-size:cover;margin:0 auto;background-image:url(../img/syed.JPG)}.img-3{background-image:url(../img/syed.JPG)}.icons a{padding-right:15px;opacity:1}.icons a img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}

.button--6 .message:hover{
    color: #337ab7;

}
.face{
    padding-left: 4px;
}

.OPL{
    display: inline-block;
    position: fixed;
    left: 0;
    top: 40px;
    z-index: 999999;
    width: 73px;
    height: 41px;
}