.section-header{height:58px;transition:all .5s;box-shadow:0 0 18px rgba(55,66,59,.08)}.fixed-top{background:rgba(187,162,162,0)}header.solid{background-color:#c50202!important}.background-top .logo{color:#000}.logo.active{color:#fff;z-index:100000}.background-top ul.primary-nav li a,.background-top ul li a{color:#000;font-size:13px;text-transform:uppercase}.background-top ul.primary-nav li:hover{color:#000;font-weight:700;text-decoration:underline}.background-scroll{color:#000}header{padding:15px;border-bottom:none;position:relative;margin:0 auto;transition:padding .3s ease-in-out}header a{color:#000;text-transform:uppercase;font-size:13px}.header-nav a{cursor:pointer;color:#759591}header a.login{margin-right:20px}header .logo{font-size:28px;margin:0;padding:0;line-height:1;font-weight:600;letter-spacing:1px;font-family:Alex Brush;color:#fff}header .logo img{height:19px}header ul.primary-nav{margin:0 0 0 75px;padding:0}header ul.primary-nav li{color:#fff;display:inline}header ul.primary-nav li a{color:#fff;padding-right:25px}header ul.primary-nav li .active,header ul.primary-nav li:hover{color:#fff;text-decoration:underline;font-weight:700}header ul.primary-nav li:last-child a{padding-right:0}header ul.member-actions li{display:inline}header ul.member-actions li a,header ul.member-actions li a:hover{color:#000}header .header-nav{display:inline-block}header .member-actions{position:absolute;right:0;top:41px;transition:all .3s ease-in-out}.nav-toggle:focus{outline:none}.nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{content:"";position:absolute;display:block;width:24px;height:3px;border-radius:1px;background:#fff;cursor:pointer}.nav-toggle span:before{top:-10px}.nav-toggle span:after{bottom:-10px}.nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{transition:all .3s ease-in-out}.nav-toggle.active span{background-color:transparent}.nav-toggle.active span:after,.nav-toggle.active span:before{top:0;background-color:#fff}.nav-toggle.active span:before{transform:rotate(45deg)}.nav-toggle.active span:after{top:10px;transform:translatey(-10px) rotate(-45deg)}@media screen and (min-width:1024px){.nav-toggle{display:none;position:absolute;top:0;right:15px;z-index:999999;padding:33px 35px 16px 0;cursor:pointer}}@media screen and (max-width:900px){header{width:100%}.header-nav.open{visibility:visible;opacity:.9;transition:opacity .5s}.nav-toggle{display:block;position:absolute;top:-6px;right:15px;z-index:999999;padding:33px 35px 16px 0;cursor:pointer}.hero .hero-content{padding-top:50%}.header-nav{position:fixed;background-color:#000;width:100%;height:100%;top:0;left:0;z-index:99999;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s .5s}ul.member-actions{position:static}.navicon{visibility:visible}header .nav-wrapper{display:absolute}header nav{position:relative;top:45%;transform:translatey(-45%)}nav ul li a{color:#fff;font-size:25px;text-transform:uppercase;font-weight:600;transition:all .3s ease-in-out}nav ul li{margin-bottom:25px}nav ul.member-actions li,nav ul.primary-nav li{display:block}nav a.login{margin-right:0}nav ul.primary-nav{margin:0;padding:0;text-align:center}nav ul.primary-nav li a{padding-right:0}nav .member-actions{position:static;padding:0;text-align:center}nav ul.member-actions li,nav ul.primary-nav li{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transform:translate3d(0,-80px,0);transition:transform .5s,opacity .5s}header .header-nav.open ul.member-actions li,header .header-nav.open ul.primary-nav li{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;transform:translateZ(0)}nav ul.primary-nav li:first-child{transition-delay:.05s}nav ul.primary-nav li:nth-child(2){transition-delay:.1s}nav ul.primary-nav li:nth-child(3){transition-delay:.15s}nav ul.primary-nav li:nth-child(4){transition-delay:.2s}nav ul.member-actions li:first-child{transition-delay:.25s}nav ul.member-actions li:nth-child(2){transition-delay:.3s}.header-nav.open nav ul li a{color:#fff}}.main-page{overflow:hidden;min-height:50vh;padding-left:5rem;padding-right:5rem}.main-text{font-weight:600;font-family:Nunito}.margin-tb-auto{margin-top:auto;margin-bottom:auto}.margin-l-20{margin-left:5em}.github,.github:hover{color:#000}.facebook,.facebook:hover{color:#4267b2}.twitter,.twitter:hover{color:#08a0e9}.linkedin,.linkedin:hover{color:#0077b5}.email,.email:hover{color:#dc143c}.phone,.phone:hover{color:#09b409}.profile-image{height:100%}.border-bottom{position:absolute;bottom:0}.hero-image{-o-object-fit:cover;object-fit:cover;border-radius:50%;height:250px;width:250px;margin-left:auto;box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%)}.hero-component{padding-top:58px}@media only screen and (max-width:600px){.main-page{text-align:center;padding-top:2rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem}.hero-image{height:250px;width:250px;margin-left:auto;margin-right:auto;margin-bottom:2rem}}@media only screen and (min-width:768px){.main-page{text-align:center;padding-top:2rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem}.hero-image{height:200px;width:200px;margin-left:auto;margin-right:auto;margin-bottom:2rem}}@media only screen and (min-width:992px){.main-page{text-align:left;padding-top:2rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem}.hero-image{height:200px;width:200px;margin-left:auto;margin-right:auto;margin-bottom:2rem}}@media only screen and (min-width:1200px){.main-page{text-align:left;padding-top:2rem;height:50vh;padding-bottom:2rem;padding-left:5rem;padding-right:5rem}.hero-image{height:250px;width:250px;margin-left:auto;margin-right:0;margin-bottom:2rem}}.card{border-radius:10px;box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%)}.icon-svg{height:50px}.html5{fill:#e34f26}.postgres{fill:#336791}.zend-framework{fill:#68b604}.javascript{fill:#f7df1e}.jquery{fill:#0769ad}.php{fill:#777bb4}.bootstrap{fill:#7952b3}.laravel{fill:#ff2d20}.mysql{fill:#4479a1}.vuejs{fill:#4fc08d}.reactjs{fill:#61dafb}.nodejs{fill:#393}.oracle{fill:#f80000}.flutter{fill:#02569b}.card-experience{min-height:550px}@media only screen and (max-width:600px){.experience-location,.experience-title{text-align:center}}@media only screen and (min-width:600px){.experience-location,.experience-title{text-align:center}}@media only screen and (min-width:768px){.experience-location{text-align:right}.experience-title{text-align:left}}@media only screen and (min-width:992px){.experience-location{text-align:right}.experience-title{text-align:left}}@media only screen and (min-width:1200px){.experience-location{text-align:right}.experience-title{text-align:left}}.experience>.container{padding:50px}.experience>.container,.tech{background-color:#fff;box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%)}.tech{overflow:hidden;padding-left:5rem;padding-right:5rem}.projects-image{height:100%;width:100%;border-radius:10px;transition:.5s ease;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.background,.overlay{height:100%}.overlay{opacity:0;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.7);border-radius:10px;transform:translate(0);-ms-transform:translate(0);transition:.5s ease}.card-images:active .overlay,.card-images:active .projects-image,.card-images:hover .overlay,.card-images:hover .projects-image{opacity:1}.overlay.active{display:block;opacity:1}.center-button{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.footer{box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%);overflow:hidden;padding-left:5rem;padding-right:5rem}.footer,body{background-color:#fff}body{font-family:Nunito}@font-face{font-family:Nunito;src:url(../fonts/Nunito-SemiBold.876701bc.ttf)}.spin-it{-webkit-animation-name:spin;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:10s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-rising{top:0;transform:translateY(0)}.icon-rising:hover{transform:translateY(-10px)}.paddingless{padding:0}section{overflow-x:hidden}.right-shadow{box-shadow:8px 6px 4px rgb(0 0 0/70%)}.bottom-shadow{box-shadow:0 8px 6px -6px rgb(0 0 0/70%)}.shadowed{box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%)}@media only screen and (min-width:768px){.reverse{flex-direction:row-reverse}}@media only screen and (min-width:992px){.reverse{flex-direction:row-reverse}}@media only screen and (min-width:1200px){.reverse{flex-direction:row-reverse}}#app{background:url(../img/bg.5a3e5237.png);background-repeat:no-repeat}