html,body{width:100%;height:100%;font-family:'Ubuntu',cursive}h1,h2,h3,h4,h5,h6{font-family:'Press Start 2P',cursive;font-weight:bolder;text-transform:uppercase}.btn-default{font-size:18px;margin-top:25px;border-radius:0;color:#34495e;background-color:transparent;border-color:#34495e;padding:10px 30px}.btn-default:hover,.btn-default:focus,.btn-default:active{color:#fff;background-color:#34495e;border-color:#34495e;transition:all ease-in .5s}.btn-warning{font-size:18px;margin-top:25px;border-radius:0;color:#f1c40f;background-color:transparent;border-color:#f1c40f;padding:10px 30px}.btn-warning:hover,.btn-warning:focus,.btn-warning:active{color:#fff;background-color:#f1c40f;border-color:#f1c40f;transition:all ease-in .5s}.btn-danger{font-size:18px;margin-top:25px;border-radius:0;color:#c0392b;background-color:transparent;border-color:#c0392b;padding:10px 30px}.btn-danger:hover,.btn-danger:focus,.btn-danger:active{color:#fff;background-color:#c0392b;border-color:#c0392b;transition:all ease-in .5s}.no-padding{padding:0}header .navbar{margin-bottom:0}header .navbar-inverse{background-color:rgba(52,73,94,.95);border-color:transparent;-webkit-box-shadow:0 0 10px 0 #555;-moz-box-shadow:0 0 10px 0 #555;box-shadow:0 0 10px 0 #555}header .navbar-inverse .navbar-brand{font-family:'Press Start 2P',cursive;color:#fff;font-size:14px}header .navbar-inverse .navbar-brand:hover{color:#cacaca;transition:all ease-in .5s}header .navbar-inverse .navbar-nav>li>a{color:#fff}header .navbar-inverse .navbar-nav>li>a:hover{color:#cacaca;transition:all ease-in .5s}.about{min-height:100vh;height:auto;width:100%;display:flex;background-image:url(../img/bg.jpg);background-size:100% 100%;background-attachment:fixed;position:relative;padding:30px}.about .layer{position:absolute;background-image:url(../img/bg-pattern.png);background-repeat:repeat;z-index:10;width:100%;height:100%;left:0;top:0}.about .box{position:relative;z-index:10;width:100%;max-width:700px;padding:105px 30px 30px;background-color:rgba(255,255,255,.45);webkit-box-shadow:0 1px 10px 0 rgba(90,90,90,1);-moz-box-shadow:0 1px 10px 0 rgba(90,90,90,1);box-shadow:0 1px 10px 0 rgba(90,90,90,1);border:solid 1px #cacaca;margin:auto;align-items:center}.about .box .photo{position:absolute;width:150px;height:150px;border-radius:50%;left:50%;margin-left:-75px;top:-75px}.about h1{background-color:#333;text-align:right;padding:11px;margin:0;color:#fff;font-size:18px;font-family:'Press Start 2P',cursive}.about .data{margin:0;padding:8px;color:#fff;background-color:rgba(3,3,3,0.3)}.about hr{margin:6px 0}.about .paragraph{font-family:'Press Start 2P',cursive;font-size:10px;line-height:1}.about .paragraph a{color:#cacaca}.about .arrow-down{position:absolute;z-index:20;width:30px;height:30px;left:50%;margin-left:-15px;bottom:100px;animation-duration:1s;animation-name:elevation;animation-iteration-count:infinite}@keyframes elevation{from{bottom:-90px}to{bottom:-100px}}.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite;white-space:pre}@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}}@media screen and (max-width: 768px){.about{padding-top:65px}.about h1{font-size:12px}.about .paragraph{font-size:8px}.about .box .photo{width:70px;height:70px;margin-left:-35px;top:-35px}.about .box{padding:50px 15px 15px}.about hr{margin:3px 0}.about .arrow-down{display:none}}@media screen and (max-width: 425px){.about h1{font-size:10px}.about .paragraph{font-size:6px}}.intro{position:relative;padding:130px 30px 80px;width:100%;background-image:url(../img/bg-intro.png);background-position:left top;background-repeat:repeat;background-size:auto}@media screen and (max-width: 768px){.intro h1{font-size:22px}.intro h2{font-size:14px}}.service{width:100%;background-color:#e67e22;padding:50px 30px}.service h1{font-size:18px;margin-bottom:50px}.service .service-box{overflow:hidden;margin:30px auto;height:155px;cursor:pointer}.service .service-img{margin:auto;padding:20px;background-color:#fff;width:105px;height:105px;border-radius:50%;text-align:center}.service .service-box:hover,.service .service-box:focus,.service .service-box:active{-webkit-transform:translateY(-8px);transform:translateY(-8px);transition:all .3s ease-in}.service .service-text{padding:20px;font-size:18px;font-weight:700;color:#fff}@media screen and (max-width: 768px){.service h1{font-size:16px}.service{padding:50px 15px}.service .service-text{text-align:center}}@media screen and (max-width: 992px){.service .service-box{height:175px}.service .service-text{text-align:center}}@media screen and (max-width: 425px){.service h1{font-size:12px}.service .service-box{height:200px}}.skills{width:100%;height:auto;background-image:url(../img/bg-skills.png);background-repeat:repeat;padding:15px 0;-webkit-box-shadow:inset 0 0 30px 0 #333;-moz-box-shadow:inset 0 0 30px 0 #333;box-shadow:inset 0 0 30px 0 #333}.skills .skills-item{width:11.9%;height:11.9%;display:inline-block;margin:0 auto}.skills .skills-item img{width:100%;height:100%;cursor:pointer;opacity:.6}.skills .skills-item img:hover{opacity:1;transition:all .5s ease-in}.portfolio{width:100%;height:auto;background-color:#f1c40f}.portfolio h1{font-size:18px;padding:50px 30px}.portfolio .container-portfolio{overflow:hidden}.portfolio .portfolio-img{position:relative;width:25%;display:inline-block;float:left}.portfolio .caption{position:absolute;top:0;right:0;background:rgba(96,105,114,0.75);width:100%;height:100%;padding-top:25%;display:none;text-align:center;color:#fff!important;z-index:2}.portfolio .caption h4{font-size:14px}.portfolio img{width:100%}@media screen and (max-width: 768px){.portfolio h1{font-size:16px}.portfolio .portfolio-img{width:50%}}@media screen and (max-width: 425px){.portfolio .portfolio-img{width:100%}.portfolio h1{font-size:12px}}.contact{width:100%;height:auto;background-image:url(../img/bg-contact.png);background-repeat:repeat;padding:50px 30px}.contact h1{font-size:18px;margin-bottom:70px;color:#fff}.contact .form-control{height:auto;padding:10px 12px;font-size:14px;line-height:1.42857143;color:#fff;background-color:transparent;background-image:none;border:1px solid #fff;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none -o-transition: none;transition:none;max-width:700px;margin:0 auto}.form-control::-webkit-input-placeholder{color:#fff}.form-control::-moz-placeholder{color:#fff}.form-control:-ms-input-placeholder{color:#fff}.form-control:-moz-placeholder{color:#fff}.form-control:focus::-webkit-input-placeholder{opacity:0;transition:all ease-in .5s}.form-control:focus::-moz-placeholder{opacity:0;transition:all ease-in .5s}.form-control:focus:-ms-input-placeholder{opacity:0;transition:all ease-in .5s}.form-control:focus:-moz-placeholder{opacity:0;transition:all ease-in .5s}.contact .contact-infos img{width:50px;margin:0 auto;margin-bottom:20px;margin-top:20px}.contact .contact-infos{color:#fff;margin-top:50px}@media screen and (max-width: 425px){.contact h1{font-size:12px}.contact h5{font-size:10px}}footer{width:100%;height:auto;background-color:#333}footer p{color:#fff;padding:5px;margin:0}