@import"https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap";.btn{display:inline-block;border-style:solid;border-width:2px;padding:15px 25px;border-radius:4px;text-decoration:none}@media only screen and (max-width: 768px){.btn{padding:10px 20px}}.container{width:1200px;padding:100px 25px;margin:0 auto}@media only screen and (max-width: 1199px){.container{width:100%}}@media only screen and (max-width: 991px){.container{padding:80px 15px}}@media only screen and (max-width: 768px){.container{padding:60px 15px}}@media only screen and (max-width: 481px){.container{padding:40px 15px}}.title{position:absolute;display:flex;flex-direction:column;align-items:center}.title.left{justify-content:flex-end}.title.left.social{justify-content:space-between}.title.left{left:35px}.title.right{right:35px}.title:after{content:"";position:absolute;height:100%;width:2px;margin:15px 0;background:rgba(255,255,255,.85);z-index:-1}.title ul{padding:5px;background-color:#111a28}.title ul li{margin-bottom:10px}.title ul li a{color:#ffffffd9}.title p{padding:5px 10px;font-weight:900;text-transform:uppercase;background-color:#1d293a;transform-origin:50%;color:#ffffffd9;border-radius:4px}.title.left p{transform:rotate(-90deg)}.title.title.right p{transform:rotate(90deg)}@media only screen and (max-width: 1199px){.title.left{left:0}.title.right{right:0}}@media only screen and (max-width: 768px){.title{position:relative;height:initial!important;padding-bottom:50px;flex-direction:column-reverse}.title.left p,.title.title.right p{transform:rotate(0)}.title:after{top:0;height:2px;width:260px}.title ul{display:flex;margin-top:15px}.title ul li{margin:0 15px}}@media only screen and (max-width: 481px){.title:after{width:180px}.title{padding-bottom:25px}}.intro-area{min-height:100vh;display:flex;align-items:center}.intro-area .bg{position:absolute;opacity:.5;z-index:-1}.intro{padding-left:100px;padding-top:50px}.intro p{font-size:22px;color:#00cf5d}.intro h1{font-size:78px;font-weight:900;margin-bottom:25px}.intro h3{color:#00cf5d}.intro ul{display:flex;margin-bottom:25px}.intro ul li{position:relative;margin-right:25px;color:#ffffffd9}.intro ul li:before{position:absolute;content:"";left:-15px;top:10px;background-color:#00cf5d;width:8px;height:8px;border-radius:10px}.intro ul li:first-child:before{display:none}@media only screen and (max-width: 991px){.intro h1{font-size:62px}}@media only screen and (max-width: 768px){.intro-area{flex-direction:column-reverse;justify-content:center}.intro{padding-left:0;text-align:center}.intro p{font-size:21px}.intro h1{font-size:52px}.intro h3{font-size:22px}.intro ul{justify-content:center}.intro ul li{font-size:16px}}@media only screen and (max-width: 481px){.intro p{font-size:18px}.intro h1{font-size:36px}.intro h3{font-size:20px}.intro ul{flex-direction:column}.intro ul li{font-size:14px;margin-right:0}.intro ul li:before{display:none}}.about-area{position:relative}.about{padding-right:100px;display:flex;flex-wrap:wrap;align-items:center}.about>*{flex:1}.about-details p{line-height:2}.about-action{margin-top:25px}.about-image{display:flex;align-items:center;justify-content:center}.about-image img{width:320px;border-radius:10px;transform:scale(.95);filter:grayscale(1);transition:1s all}.about-image:hover img{transform:scale(1);filter:grayscale(0)}@media only screen and (max-width: 768px){.about{text-align:center;padding-right:0;flex-direction:column-reverse}.about>*{flex:1 1 100%}}.skill-area{position:relative}.skills{padding-left:100px}.skill-nav{display:flex;flex-wrap:wrap;margin-bottom:25px}.skill-nav li{border:solid 2px #00cf5d;color:#ffffffd9;padding:5px 25px;margin-right:15px;cursor:pointer;border-radius:4px}.skill-nav li:last-child{margin-right:0}.skill-nav li.active{background-color:#00cf5d;font-weight:900}.skill{display:flex;flex-wrap:wrap}.skill>*{flex:1 1 calc(50% - 30px)}.skill .card{position:relative;background-color:#1d293a;padding:25px 25px 35px;margin:15px;border-radius:4px}.skill .card h4{font-size:22px;font-weight:900;color:#ffffffd9}.skill .card p{position:absolute;background-color:#00cf5d;padding:3px 5px;top:25px;font-weight:900;color:#fff;right:15px;border-radius:4px}.skill .card .progress-ar{position:absolute;bottom:0;left:0;height:10px;background-color:#00cf5d;border-radius:4px}.skill>*:nth-child(1),.skill>*:nth-child(2){margin-top:0}.skill>*:nth-child(2n - 1){margin-left:0}.skill>*:nth-child(2n){margin-right:0}.skill>*:last-child{margin-right:0;flex:0 0 calc(50% - 15px)}@media only screen and (max-width: 768px){.skills{padding-left:0}.skill-nav{justify-content:center}.skill-nav li{padding:5px 15px;margin-right:10px}.skill>*{flex:1 1 100%;margin-left:0;margin-right:0}.skill .card{margin:0 0 30px}.skill>*:last-child{flex-basis:100%;margin-bottom:0}}@media only screen and (max-width: 481px){.skill-nav{margin-bottom:0}.skill-nav li{margin:0 5px 15px}.skill .card{margin-bottom:15px}}.contact{display:flex;flex-wrap:wrap;padding-right:100px}.contact>*{flex:1 1 calc(50% - 30px)}.contact>*:first-of-type{margin-right:15px}.contact>*:last-of-type{margin-left:15px}.contact-status p{line-height:2}.contact-details li{margin-bottom:15px}.contact-details h5{font-size:26px;font-weight:900}.contact-details p span{font-weight:300;color:#ffffffa6}@media only screen and (max-width: 768px){.contact{padding-right:0}.contact>*{flex-basis:100%}.contact>*:first-of-type{margin-right:0;margin-bottom:30px;text-align:center}.contact>*:last-of-type{margin-left:0;text-align:center}}.portfolio-area{position:relative}.portfolios{padding-left:100px}.portfolio-nav{display:flex;flex-wrap:wrap;margin-bottom:25px}.portfolio-nav li{border:solid 2px #00cf5d;color:#ffffffd9;padding:5px 25px;margin-right:15px;cursor:pointer;border-radius:4px}.portfolio-nav li.active{background-color:#00cf5d;font-weight:900}.portfolio-items{display:flex;flex-wrap:wrap}.portfolio-items>*{margin:15px;flex:1 1 calc(100% / 3 - 30px);background-color:#1d293a;color:#ffffffd9;border-radius:4px}.portfolio-items>*:nth-child(3n - 2){margin-left:0}.portfolio-items>*:nth-child(3n + 3),.portfolio-items>*:last-child{margin-right:0}.portfolio-items .details{padding:25px}.portfolio-items .details h4{font-size:26px;font-weight:900;margin-bottom:15px}.portfolio-items .portfolio-img{position:relative}.portfolio-items .portfolio .links{margin-top:15px}.portfolio-items .portfolio .links ul{display:flex;font-size:22px}.portfolio-items .portfolio .links ul li{margin-right:10px}.portfolio-items .portfolio .links ul li a{color:#ffffffa6;transition:.2s all}.portfolio-items .portfolio .links ul li a:hover{color:#00cf5d}.portfolio-items .portfolio-img:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:1;background:#1d293a;mix-blend-mode:color;transition:.5s all}.portfolio-items .portfolio:hover .portfolio-img:after{opacity:0}.portfolio-items .portfolio.small h4{font-size:22px}.portfolio-items .portfolio-img img{border-radius:4px}.portfolio-items .details h4 a{text-decoration:none;color:inherit}.portfolio-items .portfolio-tools{display:flex;margin-top:15px}.portfolio-items .portfolio-tools li{margin-right:15px}.portfolio-items .portfolio-tools li{text-decoration:none;font-weight:300;color:#ffffffa6;font-size:16px}@media only screen and (max-width: 991px){.portfolio-items>*{flex:1 1 calc(50% - 30px)}.portfolio-items>*:nth-child(2n - 1){margin-left:0}.portfolio-items>*:nth-child(2n - 2){margin-right:0}.portfolios{padding-left:0}.portfolio-nav{justify-content:center}.portfolio-items>*{flex-basis:100%}.portfolio-items>*{margin:0 0 30px}.portfolio-items>*:last-child{margin-bottom:0}}@media only screen and (max-width: 768px){.portfolios-regular{margin-top:25px}}@media only screen and (max-width: 481px){.portfolio-nav{margin-bottom:0}.portfolio-nav li{margin:0 5px 15px}.portfolio-items>*{margin-bottom:15px}.portfolios-regular{margin-top:15px}}header{position:fixed;width:100%;z-index:10;transform:translateY(0);transition:.5s all}header.compaq{background-color:#1d293a}header.hide{transform:translateY(-120px)}header.compaq .container{padding-top:15px!important;padding-bottom:15px!important}.header{position:relative;display:flex;align-items:center;justify-content:space-between;transition:.5s all}.header>*{flex:1}.header .logo{position:relative}.header .logo svg{width:45px}.menubar{display:flex;align-items:center}.menubar li{margin:0 15px}.menubar li:last-child{margin-right:0}.menubar li a{font-size:16px;text-transform:uppercase;font-weight:400;color:#ffffffd9;text-decoration:none}.menubar li a.btn-download{display:inline-block;border:solid 2px #00cf5d;padding:5px 15px;border-radius:4px}.mobile-nav{position:absolute;background:#00cf5d;right:0;top:8px;padding:10px;line-height:1;border-radius:4px;color:#111a28;display:none}@media only screen and (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.mobile-nav{display:initial}.menubar{flex-direction:column;background-color:#1d293a;align-items:flex-start;width:100%;padding:25px;border-radius:4px;display:none}.menubar.mobilenav-activate{display:initial}.menubar>*{flex:1 1 100%}.menubar li{margin:5px 0;padding:5px 0}}.footer-area{background-color:#1d293a}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer .language ul{display:flex;flex-wrap:wrap}.footer .language ul li{position:relative;background-color:#111a28;margin-right:15px;padding:3px 10px;font-weight:900;border-radius:4px}.footer .language ul li p{margin-bottom:3px;text-transform:uppercase}.footer .language ul li .progress{position:absolute;content:"";left:0;background-color:#00cf5d;height:3px;width:100%;bottom:0;border-radius:4px}.footer .copyright{display:flex;align-items:center}.footer .copyright .github{display:flex;margin-right:15px}.footer .copyright .github li{margin-left:5px}.footer .copyright .github li a{text-decoration:none}.footer .copyright .github li a p{font-weight:300;font-size:14px}.footer .copyright p{text-transform:uppercase;font-weight:900}.footer .copyright p span{display:inline-block;cursor:pointer;margin-left:15px;background-color:#00cf5d;padding:2px 5px;border-radius:4px}@media only screen and (max-width: 768px){.footer>*{flex:1 1 100%;justify-content:center}.footer .language ul{justify-content:center;margin-bottom:30px}.footer .language ul li{margin-bottom:15px}}::-moz-selection{background:#1d293a}::selection{background:#1d293a}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;font-weight:400}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:112.5%/1.45em georgia,serif;box-sizing:border-box;overflow-y:scroll}*{box-sizing:inherit}*:before{box-sizing:inherit}*:after{box-sizing:inherit}body{color:#fff;background-color:#111a28;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern","liga","clig","calt";-ms-font-feature-settings:"kern","liga","clig","calt";-webkit-font-feature-settings:"kern","liga","clig","calt";font-feature-settings:"kern","liga","clig","calt"}img{max-width:100%;margin:0;padding:0}h1{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:2.25rem;line-height:1.1}h2{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:1.62671rem;line-height:1.1}h3{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:1.38316rem;line-height:1.1}h4{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1}h5{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:.85028rem;line-height:1.1}h6{margin:0;padding:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;font-size:.78405rem;line-height:1.1}hgroup{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}ul{margin:0;padding:0;list-style:none}ol{margin-left:1.45rem;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem;list-style-position:outside;list-style-image:none}dl,dd{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}p{margin:0;padding:0;font-weight:400px;color:#ffffffd9}figure{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}pre{margin-left:0;margin-right:0;margin-top:0;margin-bottom:1.45rem;font-size:.85rem;line-height:1.42;background:hsla(0,0%,0%,.04);border-radius:3px;overflow:auto;word-wrap:normal;padding:1.45rem}table{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem;font-size:1rem;line-height:1.45rem;border-collapse:collapse;width:100%}fieldset{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}blockquote{margin-left:1.45rem;margin-right:1.45rem;margin-top:0;padding:0;margin-bottom:1.45rem}form,noscript,iframe{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}hr{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:calc(1.45rem - 1px);background:hsla(0,0%,0%,.2);border:none;height:1px}address{margin-left:0;margin-right:0;margin-top:0;padding:0;margin-bottom:1.45rem}b,strong,dt,th{font-weight:700}li{margin-bottom:0}ol li,ul li{padding-left:0}li>ol{margin-left:1.45rem;margin-bottom:.725rem;margin-top:.725rem}li>ul{margin-left:1.45rem;margin-bottom:.725rem;margin-top:.725rem}blockquote *:last-child{margin-bottom:0}li *:last-child{margin-bottom:0}p *:last-child{margin-bottom:0}li>p{margin-bottom:.725rem}code,kbd,samp{font-size:.85rem;line-height:1.45rem}abbr{border-bottom:1px dotted hsla(0,0%,0%,.5);cursor:help}acronym{border-bottom:1px dotted hsla(0,0%,0%,.5);cursor:help}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,.5);cursor:help;text-decoration:none}thead{text-align:left}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:.96667rem;padding-right:.96667rem;padding-top:.725rem;padding-bottom:calc(.725rem - 1px)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}tt,code{background-color:#0000000a;border-radius:3px;font-family:SFMono-Regular,Consolas,Roboto Mono,Droid Sans Mono,Liberation Mono,Menlo,Courier,monospace;padding:.2em 0}pre code{background:none;line-height:1.42}code:before,code:after,tt:before,tt:after{letter-spacing:-.2em;content:" "}pre code:before,pre code:after,pre tt:before,pre tt:after{content:""}@media only screen and (max-width: 480px){html{font-size:100%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}