html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes move{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}30%,80%{opacity:1}100%{-webkit-transform:translateY(13px);transform:translateY(13px);opacity:0}}@keyframes move{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}30%,80%{opacity:1}100%{-webkit-transform:translateY(13px);transform:translateY(13px);opacity:0}}html{font-size:16px;font-family:'Open Sans', sans-serif}header{background:url("/assets/img/bg-large.jpg") no-repeat center;background-size:cover;background-attachment:fixed;height:100vh;width:100%;position:relative}@media (max-width: 1100px){header{background-image:url("/assets/img/bg-medium.jpg")}}@media (max-width: 650px){header{background-image:url("/assets/img/bg-small.jpg");background-attachment:scroll;height:500px}}header .hamburger{display:none;position:absolute;cursor:pointer;top:8px;left:10px;width:35px;height:27px;background-color:transparent;border:none;border-top:5px solid #d7d7d7;transition:-webkit-transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear;text-indent:100px;overflow:hidden}@media (max-width: 650px){header .hamburger{display:block}}header .hamburger:focus{border-top:5px solid #9b9b9b;outline:none}header .hamburger:focus:before,header .hamburger:focus:after{border-top:5px solid #9b9b9b}header .hamburger:before,header .hamburger:after{content:"";display:block;top:0;left:0;top:6px;width:100%;border-top:5px solid #d7d7d7;position:absolute}header .hamburger:after{top:17px}header .menu{top:0;z-index:2;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(50,50,50,0.9);box-shadow:1px 1px 10px rgba(0,0,0,0.8);border-bottom-right-radius:6px;border-bottom-left-radius:6px}@media (max-width: 1100px){header .menu{left:0;-webkit-transform:none;transform:none;width:100%;border-radius:0}}@media (max-width: 650px){header .menu{padding-top:44px;height:0;overflow:hidden}header .menu.open{background-color:rgba(50,50,50,0.9);width:100%;height:auto}}header .menu ul{text-align:center}header .menu li{display:inline-block;border-left:none}@media (max-width: 650px){header .menu li{display:block}}header .menu li:first-child{border-bottom-left-radius:6px}header .menu li:last-child{border-bottom-right-radius:6px}header .menu li:hover{background-color:rgba(0,0,0,0.15)}header .menu a{display:block;text-decoration:none;color:#fff;padding:15px;font-size:1.2rem;position:relative}header .menu a.active{color:#28d6ff}header .socials{top:100px;z-index:1;position:fixed;right:0px}@media (max-width: 650px){header .socials{display:none}}header .socials li{display:block;margin-top:5px;position:relative;right:-140px;transition:right 0.5s ease}header .socials li:hover{right:-25px}header .socials a{width:180px;overflow:hidden;border-bottom-left-radius:15px;border-top-left-radius:15px;display:inline-block;text-decoration:none;text-indent:20px;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 8px;color:#fff}header .socials a:before{font-size:1.7rem;float:left;text-indent:0px}header .socials a.fa{font-size:1.7rem;border:2px solid rgba(255,255,255,0.6)}header .socials a.fa-twitter{padding-left:10px;background-color:#00aced}header .socials a.fa-github{text-indent:30px;background-color:#000}header .socials a.fa-linkedin{background-color:#007BB5}header .socials span{font-family:'Nunito', sans-serif;font-size:1.4rem}header .site-title{height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}header .site-title h1{padding:0 10px;color:#fff;display:inline-block;text-align:center;font-family:'Nunito', sans-serif;letter-spacing:1px;font-size:5rem;text-shadow:1px 1px 5px #000,1px 1px 20px #000;opacity:0;transition:opacity 1.5s, -webkit-transform 1.5s;transition:transform 1.5s, opacity 1.5s;transition:transform 1.5s, opacity 1.5s, -webkit-transform 1.5s;-webkit-transform:translateY(15px);transform:translateY(15px)}header .site-title h1.animated{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media (max-width: 1100px){header .site-title h1{font-size:4rem}}@media (max-width: 650px){header .site-title h1{font-size:3rem}}header .site-title strong{display:block;margin-top:15px}header .scroll-arrow{position:absolute;cursor:pointer;min-width:55px;min-height:55px;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;display:inline-block;border-radius:50%;border:2px solid rgba(255,255,255,0.9);background-color:rgba(0,0,0,0.7)}header .scroll-arrow:hover{background-color:rgba(0,0,0,0.8);border:2px solid #fff}header .scroll-arrow span{font-size:1.5rem;color:rgba(255,255,255,0.9);-webkit-animation:move 1.5s infinite linear;animation:move 1.5s infinite linear;-webkit-transform:translateY(20px);transform:translateY(20px)}main h2{font-family:'Nunito', sans-serif;font-size:2rem;margin-bottom:40px;text-align:center}main .section-container{opacity:0;width:92%;max-width:1300px;margin:0 auto;padding:50px 0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity ease 1.5s, -webkit-transform ease 1.5s;transition:transform ease 1.5s, opacity ease 1.5s;transition:transform ease 1.5s, opacity ease 1.5s, -webkit-transform ease 1.5s}main .section-container.animated{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#about{background-color:#DBFDFE;border-top:1px solid #bddfe0;border-bottom:1px solid #bddfe0}#about .about-text{background-color:rgba(255,255,255,0.8);padding:20px;border-radius:20px;box-shadow:2px 2px 20px -5px;margin:0 50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 650px){#about .about-text{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0}}#about img{margin:10px 0;width:170px;height:170px;border-radius:100%;border:2px solid #fff;box-shadow:0 0 10px #000}#about .text-container{margin-left:30px}@media (max-width: 650px){#about .text-container{margin-left:0}}#about .text-container span.bold{font-weight:600}#about .text-container strong{font-weight:600}#about .text-line{display:block}#about p{margin-bottom:15px;line-height:22px}#about p:last-child{margin-bottom:0}#about .about-link{color:#000}#about .skills{margin-top:50px}#about .skills h3{font-size:1.5rem;text-align:center;margin-bottom:15px}#about .skills .skills-container{font-size:1.2rem;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:450px}#about .skills li{cursor:default;color:#fff;padding:10px 20px;margin:5px}#about .skills li:nth-child(5n){background-color:#2870B1;transition:0.3s}#about .skills li:nth-child(5n):hover{background-color:#3c84c5}#about .skills li:nth-child(5n+1){background-color:#F28A00;transition:0.3s}#about .skills li:nth-child(5n+1):hover{background-color:#ff9e14}#about .skills li:nth-child(5n+2){background-color:#66D900;transition:0.3s}#about .skills li:nth-child(5n+2):hover{background-color:#7aed14}#about .skills li:nth-child(5n+3){background-color:#BA0012;transition:0.3s}#about .skills li:nth-child(5n+3):hover{background-color:#ce1426}#about .skills li:nth-child(5n+4){background-color:#651F9A;transition:0.3s}#about .skills li:nth-child(5n+4):hover{background-color:#7933ae}#projects{background-color:#DBFEAB;border-bottom:1px solid #bde08d}#projects .projects-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#projects .project{margin:20px;box-shadow:0 2px 20px rgba(0,0,0,0.7)}@media (max-width: 650px){#projects .project{margin:25px 0px}}#projects .project-content{border:1px solid black;border-bottom:none;position:relative}#projects .project-content:hover .project-mask{visibility:visible;opacity:0.9}#projects .project-mask{position:absolute;top:0;left:0;background-color:#000;width:100%;height:100%;opacity:0;visibility:hidden;transition:visibility 0.5s, 	opacity 0.5s;text-align:center}#projects img{display:block;width:100%;height:100%}#projects h3{color:#fff;text-align:center;margin-top:20px;font-family:'Nunito', sans-serif;font-size:2rem;padding:10px;background-color:#2870B1}@media (max-width: 650px){#projects h3{padding:5px;margin-top:10px;font-size:1.3rem}}#projects span{text-transform:uppercase;display:inline-block;border-bottom:1px solid #fff;color:#fff;font-size:0.8rem;margin:5% 0 5px 0;line-height:1.5rem}@media (max-width: 650px){#projects span{font-size:0.7rem;line-height:1rem}}@media (max-width: 450px){#projects span{margin:2% 0}}#projects p{font-size:1.2rem;line-height:1.2rem;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10%;color:#fff}@media (max-width: 650px){#projects p{font-size:1rem;padding:0 5%}}@media (max-width: 450px){#projects p{padding:0 2%;line-height:1rem;font-size:0.9rem}}#projects .links-container{display:-webkit-flex;display:-ms-flexbox;display:flex}#projects a{display:block;font-size:1.3rem;font-family:'Open Sans', sans-serif;text-decoration:none;height:35px;color:#fff;background-color:#009aeb;border:1px solid #0068b9;text-align:center;line-height:35px;width:50%;transition:all 0.5s}@media (max-width: 650px){#projects a{font-size:1.2rem}}#projects a:hover{background-color:#007ccd;box-shadow:inset 0 0 15px #004a9b}#projects a:focus{box-shadow:inset 0 0 15px #004a9b}#projects a:last-child{border-left:none}#projects a:before{line-height:normal;font-family:'FontAwesome';font-size:1.5rem;display:inline-block;margin-right:10px}#contact{background-color:#FDFEE5}#contact .contact-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#contact .contact-info{background-color:rgba(255,255,255,0.8);box-shadow:2px 2px 10px rgba(0,0,0,0.6);margin:20px 10px 0 0;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;font-size:1.5rem;border-radius:20px}@media (max-width: 1100px){#contact .contact-info{margin:20px 0px 50px;padding:10px 2%}}#contact .contact-info:before{color:rgba(0,0,0,0.4);font-size:2rem;text-align:right;display:block;padding:0 10px}#contact .contact-info .contact-text{display:block;font-family:'Open Sans', sans-serif;text-decoration:none;color:#000;line-height:3rem}@media (max-width: 650px){#contact .contact-info .contact-text{font-size:1.2rem;letter-spacing:-1px}}#contact .contact-info .contact-text:before{text-indent:-10px;text-align:center;font-family:'FontAwesome';display:inline-block;font-size:2rem;width:50px}@media (max-width: 650px){#contact .contact-info .contact-text:before{text-indent:0;width:30px;font-size:1.3rem}}#contact form{width:500px}#contact form label{font-size:1.3rem;line-height:2.5rem}#contact form .field{-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Open Sans', sans-serif;border-radius:10px;border:1px solid #b3b1a5;font-size:1rem;display:block;padding:10px;width:100%}#contact form .field:focus{outline:none;border-color:#009aeb}#contact form button{display:block;margin:30px auto 20px auto;border:none;background-color:#00AEFF;border-radius:6px;color:#fff;font-size:1.4rem;padding:10px;width:200px;cursor:pointer;transition:background-color 0.3s}#contact form button:hover{background-color:#0090e1}#contact form .status{margin-top:20px;text-align:center;padding:20px}#contact form .success{border:1px solid #66D900;background-color:#f7fff7}#contact form .error{border:1px solid #BA0012;background-color:#fff7f7}footer{background-color:#242729;color:#b9b9b9;text-align:center;padding:20px;line-height:1.3rem}footer ul{margin-bottom:5px}footer li{display:inline-block}footer a{margin:0 10px;display:inline-block;text-indent:60px;width:30px;overflow:hidden;color:#cdcdcd}footer a:before{text-indent:0;float:left;font-size:2rem}footer a:hover{color:#fff}