@import url(https://fonts.googleapis.com/css?family=Gudea);@import url(https://fonts.googleapis.com/css?family=Passion+One);body{font-family:'Gudea',sans-serif}@media only screen and (min-device-width:768px){.page-overflow{padding:0 5em}}@media only screen and (max-device-width:768px){.page-overflow{overflow:hidden}.header-home span{font-size:14vw !important}.header-home .header-button{font-size:4vw !important}h1{font-size:14vw !important}}.navbar-custom{padding:1.563em;background-color:#ffffff;border:0}.navbar-custom .navbar-header .logo-header{width:10em;background-image:url(../images/logo.svg);background-repeat:no-repeat}.header-home{padding-top:30vh;min-height:100%;background-image:url(../images/header-home.jpg);background-repeat:no-repeat;background-size:cover;color:#ffffff}.header-home span{font-size:6.25em;font-family:'Passion One',cursive}.header-home .typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.header-home .header-button{margin-top:2em;color:#ffffff;font-size:24px;background-color:transparent;border:10px solid #ffffff;border-radius:0;opacity:1}.header-home .header-button:hover{opacity:.7}.portfolio,.contact,.about,.project{padding-top:10.125em;min-height:100%}.portfolio{background-color:#1A2226;color:#ffffff}.portfolio h1{font-size:100px;font-family:'Passion One',cursive}.portfolio .task-image{margin:2em 0;padding:1em;height:200px;width:100%;overflow:hidden}.portfolio .task-image img{width:100%;max-width:200px;opacity:.7;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.portfolio .task-image img:hover{opacity:1}.project{background-color:#1A2226;color:#ffffff;padding-bottom:1em}.project h1{font-size:70px;font-family:'Passion One',cursive}.project .project-image{width:100%;height:100%;max-height:350px;border:20px solid #ffffff;overflow:hidden}.project .project-description{margin-top:2em}.project .project-button{width:100px;margin-top:2em;color:#ffffff;font-size:14px;background-color:transparent;border:5px solid #ffffff;border-radius:0;opacity:1;display:block;margin-left:auto;margin-right:auto}.project .project-button:hover{opacity:.7}.contact{background-color:#1A2226;color:#ffffff;padding-bottom:1em}.contact h1{font-size:100px;font-family:'Passion One',cursive}.contact .form-area input[type="text"]{height:5em}.contact .form-area .contact-button{margin-top:1em;color:#ffffff;font-size:14px;background-color:transparent;border:5px solid #ffffff;border-radius:0;opacity:1}.contact .form-area .contact-button:hover{opacity:.7}.about{background-color:#1A2226;color:#ffffff;padding-bottom:1em}.about h1{font-size:100px;font-family:'Passion One',cursive}.about .profile-image{width:100%;height:25em;background-image:url(../images/hero.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;border:20px solid #ffffff}