header{width:100%;height:100px;background:#fff;padding:16px 35px 14px;box-shadow:0 1px 0 rgba(0,0,0,.17)}header,nav{position:relative;z-index:1000}nav{margin:0 auto;display:table;height:100%;float:right}.sticky-wrapper{height:100px}#navbar h1{height:80%;display:table-cell;font-size:20px;cursor:pointer}#navbar .tagline,#navbar h1{position:relative;float:left}#navbar .tagline{font-size:13px;padding:0 0 0 20px;display:table;height:100%;margin:-1px auto 0}#navbar .tagline span{padding:0 0 0 20px;border-left:1px dotted silver}#nav,#navbar .tagline span{display:table-cell;vertical-align:middle}#nav li{float:left;margin:0 0 0 25px;cursor:pointer;position:relative;list-style-type:none}#nav li.external{border-left:1px dotted silver;padding-left:25px}#nav li a{color:#50596c;text-decoration:none;display:block;padding:3px 0}#nav li:hover a{color:#2b2b2b}@media only screen and (min-width:1000px){#nav{display:table-cell!important}#nav-button{display:none}}@media only screen and (min-width:768px) and (max-width:999px){header{padding:16px 0}header h1{padding-left:20px}#nav-button{font-size:25px;float:right;margin-top:16px;margin-right:20px;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}#nav-button,.nav-bar{display:block;width:25px}.nav-bar{background-color:#2b2b2b;border-radius:1px;height:3px;margin:3px auto}nav{margin:0;display:block;height:auto;clear:both}#nav,nav{position:relative;float:none}#nav{display:none;width:100%;z-index:300;top:0;list-style:none;border-bottom:1px solid #ccc}#nav li{text-align:center;border-top:1px solid #ccc;float:none;margin:0;display:block;background-color:#fff}#nav li a{padding:15px}.menu-line{display:none!important}#nav li.external{border-left:0;padding-left:0}}@media only screen and (max-width:767px){header{padding:0;height:60px}header h1{padding-left:20px}#navbar h1{height:50%}#nav-button{font-size:25px;float:right;margin-top:16px;margin-right:20px;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}#nav-button,.nav-bar{display:block;width:25px}.nav-bar{background-color:#2b2b2b;border-radius:1px;height:3px;margin:3px auto}nav{margin:0;display:block;height:auto;clear:both}#nav,nav{position:relative;float:none;width:100%}#nav{display:none;z-index:300;top:0;list-style:none;border-bottom:1px solid #ccc}#nav li{text-align:center;border-top:1px solid #ccc;float:none;margin:0;display:block;background-color:#fff}#nav li a{padding:15px}.menu-line{display:none!important}#nav li.external{border-left:0;padding-left:0}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}#Header{margin:0}#Header,.overlay{height:100%;width:100%;display:block}.overlay{top:0;background-color:rgba(0,0,0,.3);z-index:10}.header,.overlay{position:absolute}.header{display:table;text-align:center;top:50%;height:140px;margin-top:-70px;width:100%;z-index:111}.header_center{display:table-cell;vertical-align:middle}.header_center ul{display:block;text-align:center;width:100%}.header_center ul>li>h2{font-size:5.5em;color:#fff;margin-bottom:8px}.header_center ul>li>p{color:#fff;font-size:24px}#scroll-down{position:absolute;bottom:15px;left:50%;z-index:1000;display:block;font-size:30px;color:#fff}#scroll-down:hover{text-decoration:none;cursor:pointer}#scroll-down .icon-mouse{display:block;font-size:22px;margin-bottom:5px;margin-left:-5px;-webkit-animation:bounce 2s linear infinite;animation:bounce 2s linear infinite}@media only screen and (max-width:767px){.header_center ul>li>h2{font-size:3em;color:#fff;margin-bottom:8px}.header_center ul>li>p{color:#fff;font-size:14px}}#Profile .img-profile{width:180px;height:180px;margin-bottom:30px}#Profile p{font-size:21px;line-height:1.5;text-align:center;margin-bottom:30px}.btn-outlined,.btn-outlined:active,.btn-outlined:link,.btn-outlined:visited{color:#fff;border:1px solid #555;background-color:#2b2b2b;border-radius:1px;font-size:20px;padding:12px;font-weight:200}.btn-outlined:hover{text-decoration:none;background-color:#454545}@media only screen and (max-width:767px){#Profile .img-profile{width:100px;height:100px}#Profile p{font-size:16px;line-height:1.5;text-align:center}.btn-outlined,.btn-outlined:active,.btn-outlined:link,.btn-outlined:visited{font-size:16px;padding:10px}}.description h4{width:90%;display:inline-block}.description i{width:10%;display:inline-block;text-align:center;font-size:30px}@media only screen and (max-width:767px){.accordion .tab{padding-left:10px;padding-right:10px}.time-range{width:100%;padding:35px 0 0}.description{width:100%;border:0;padding:0}.description h4{font-size:22px}.description i{font-size:30px}}#Skill .row:last-child,.skills .row .skill-bar:last-child{border-bottom:none}.skill-bar{margin-bottom:50px}.skill-bar span{font-size:16px}.skill-bar .progress{position:relative;height:2px;display:block;width:100%;background-color:#a2a2a2;border-radius:2px;margin:.5rem 0 1rem;overflow:visible}.skill-bar .progress .level{position:absolute;top:0;bottom:0;background-color:#2b2b2b;transition:width .3s linear;width:1px}.skill-bar .level .fa{font-size:12px;position:absolute;top:-5px;right:0;margin-left:50%}.accordion{margin:5px 0 45px;border-top:1px dotted silver}.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tab{background:#fff;background-size:28px 16px;border-bottom:1px dotted silver;margin-bottom:0;position:relative}.time-range{width:260px;float:left;margin-right:20px;font-size:21px;padding:45px 0 40px 40px;letter-spacing:-1px;text-transform:uppercase;height:100%}.time-range span{font-size:13px;padding-right:6px;letter-spacing:0}.description{width:660px;padding:14px 60px 7px 40px;border-left:1px dotted silver;margin:25px 0;float:left}.description h4{margin-bottom:8px;margin-top:0;font-size:28px;text-transform:none;letter-spacing:0}.description h5 small{font-size:13px}@media only screen and (min-width:768px) and (max-width:999px){.time-range{width:150px}.description{width:450px}}@media only screen and (max-width:767px){.accordion .tab{padding-left:10px;padding-right:10px}.description h4{font-size:24px}.time-range{width:100%;padding:35px 0 0}.description{width:100%;border:0;padding:0}}footer{min-height:100px;margin:0;background:#fff;width:100%}footer .container{padding:34px 10px 0}footer p{color:#8d8d8d;line-height:32px}footer p a{color:#8d8d8d;border:0;display:inline-block}footer p a:hover{color:#555;border:0}footer p a,footer p a:active,footer p a:focus,footer p a:hover,footer p a:visited{text-decoration:none}.icon-social-facebook{color:#3b5998}.icon-social-twitter{color:#3989e5}.icon-social-google{color:#b53021}.icon-social-linkedin{color:#4483af}.icon-social-github{color:#24292e}.icon-spacer{margin:10px}.icon-size{font-size:20px}@media only screen and (max-width:767px){.icon-spacer{margin:5px}.icon-size{font-size:10px}}html{overflow:-moz-scrollbars-vertical;overflow-y:scroll;box-sizing:border-box}body,html{height:100%;width:100%}body{font-family:"Lato","Open Sans",Arial,Helvetica,sans-serif;font-weight:300;color:#50596c;position:absolute}*,:after,:before{box-sizing:inherit;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-weight:300}h2{font-size:40px}h3{font-size:35px}h4{font-size:26px}button:focus{outline:0}.App{height:100%}.title-divider{width:20px;border:1px solid;margin:auto}.extra-thin{font-weight:100}.thin{font-weight:200}.light{font-weight:300}.regular{font-weight:400}.bold{font-weight:700}.black{font-weight:900}#root{height:100%}section{position:relative;padding:50px 0 70px;display:block;margin-top:30px}section .row{padding-bottom:50px;margin-top:50px}.border-bottom{border-bottom:1px solid #d8d8d8}.container{width:960px;position:relative;margin:0 auto}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.centered{text-align:center}@media only screen and (min-width:768px) and (max-width:999px){.container{padding:0;width:640px;position:relative}}@media only screen and (max-width:767px){h2{font-size:25px}h4{font-size:20px}section{padding:10px 0;margin-top:0}section .row{padding-bottom:20px;margin-top:10px}.row{margin-right:0;margin-left:0}.container{padding:0;width:320px;position:relative}}
/*# sourceMappingURL=main.a13f3836.chunk.css.map */