@charset "UTF-8";@font-face{font-family:Ethnocentric;src:url("../font/ethnocentric rg it.ttf");font-display:swap}body,html{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,sans-serif;font-size:18px}a{color:inherit;text-decoration:none}a:hover{color:#ccc}header{color:#fff;text-align:center;position:relative;width:100%;height:100%;font-size:.82em}header:before{content:"";position:absolute;top:0;left:0;background:url(../img/background.jpg);filter:brightness(.5);background-size:cover;background-repeat:no-repeat;background-position:center 15%;height:100%;width:100%}.header-content{position:relative;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;overflow-x:hidden}@media only screen and (max-width:960px){.header-content{flex-direction:column;flex-wrap:nowrap}}.logo-wrapper{height:15%;display:flex;flex-direction:row;align-items:center;padding-left:5%;box-sizing:border-box}@media only screen and (max-width:960px){.logo-wrapper{padding:0 5%}}@media only screen and (max-height:500px){.logo-wrapper{height:20%}}nav{height:15%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-grow:1;padding-right:5%;box-sizing:border-box;z-index:2}@media only screen and (max-width:960px){nav{width:100%;height:75%;position:absolute;top:15%;margin-left:100%;transition:margin-left 1s;padding:0;justify-content:center;align-items:flex-start}}@media only screen and (max-height:500px){nav{height:20%}}@media only screen and (max-height:500px) and (max-width:960px){nav{height:65%}}.about-me{width:100%;height:75%;box-sizing:border-box;padding:6% 10%;z-index:3}.about-me h1{margin:0;font-size:2.5em;line-height:1.5em;font-weight:400}@media only screen and (max-width:960px){.about-me h1{font-size:calc(1em + 1vh)}}@media only screen and (max-width:960px){.about-me{position:absolute;top:15%;margin-left:0;transition:margin-left 1s;padding:10% 6%}}@media only screen and (max-height:500px){.about-me{height:65%}}.show-more{width:100%;height:10%;position:relative}@media only screen and (max-width:960px){.show-more{margin-top:auto}}@media only screen and (max-height:500px){.show-more{height:15%}}.mobile-menu{width:40px;display:none;margin-left:auto}.mobile-menu span{display:block;background-color:#fff;width:100%;height:5px;border-radius:3px;transition:transform .7s,width .7s .2s}.mobile-menu span:first-child{transform-origin:0 0;margin-bottom:8px}.mobile-menu span:last-child{transform-origin:0 100%;margin-top:8px}@media only screen and (max-width:960px){.mobile-menu{display:block}}.mobile-menu-checkbox{display:none;width:40px;height:35px;position:absolute;right:calc(5% - 3px);top:calc(calc(15% - 40px)/ 2);opacity:0;z-index:4}@media only screen and (max-width:960px){.mobile-menu-checkbox{display:block}}.mobile-menu-checkbox:checked~nav{margin-left:0}.mobile-menu-checkbox:checked~.about-me{margin-left:-100%}.mobile-menu-checkbox:checked~.logo-wrapper .mobile-menu span:first-child{transform:rotate(45deg)}.mobile-menu-checkbox:checked~.logo-wrapper .mobile-menu span:last-child{transform:rotate(-45deg)}.mobile-menu-checkbox:checked~.logo-wrapper .mobile-menu span:nth-child(2){width:0}.mobile-menu-checkbox:checked~.logo-wrapper .mobile-menu span{transition:transform .7s .3s,width .7s}.menu{list-style:none;display:flex;flex-direction:row;margin:0;padding:0;text-transform:uppercase;font-weight:700}.menu>li{padding:0 10px}@media only screen and (max-width:960px){.menu{flex-direction:column;padding:0;margin-top:10%;font-size:calc(1.1em + 1vh)}.menu>li{display:block;margin:12% 0}}@media only screen and (max-height:500px) and (max-width:960px){.menu{margin-top:5%}.menu>li{margin:10px 0}}.logo{padding:5px}.logo-path{stroke-dashoffset:114;stroke-dasharray:114;stroke-linecap:round;stroke:#fff;fill:#fff;fill-opacity:0;stroke-width:.5px;-webkit-animation:logo 4s linear 1s forwards;animation:logo 4s linear 1s forwards;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes logo{50%{stroke-dashoffset:0;fill-opacity:0}100%{fill-opacity:1;stroke-dashoffset:0}}@keyframes logo{50%{stroke-dashoffset:0;fill-opacity:0}100%{fill-opacity:1;stroke-dashoffset:0}}footer{background-color:#1b1f23;color:#fff;text-align:center;font-size:15px}.footer-columns{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:30px 0}@media only screen and (max-width:960px){.footer-columns{flex-direction:column;width:80%;margin:0 auto}}@media only screen and (max-width:960px){.footer-columns>ul{margin:10px 0}}.footer-column{flex-basis:33%}@media only screen and (max-width:960px){.footer-column{margin:20px 0}}.copyright-text{padding:15px 0;background-color:#111416;font-size:.9em}input[type=email],input[type=text],textarea{border-radius:3px;border:1px solid #3053c5;padding:6px 8px;width:100%;box-sizing:border-box}@media only screen and (max-width:960px){input[type=email],input[type=text],textarea{width:100%}}@media screen and (min-width:450px){input[type=text]:focus,textarea:focus{outline-color:#3053c5}}textarea{resize:none}.form-group{position:relative;width:85%;margin:7px auto;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:450px){.form-group{width:100%}.form-group label{order:1;text-align:left;font-size:.6em;font-weight:700;margin:5px 0;color:#222;align-self:flex-start}.form-group input,.form-group textarea{order:2}}@media screen and (min-width:450px){.form-group>label{transition:background,color,width,border,left,opacity;transition-duration:.25s;position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);font-size:.7em;padding:6px 8px;border-radius:3px;text-align:left;background:#fff;box-sizing:border-box;z-index:2;cursor:text}.form-group input[type=text],.form-group textarea{display:block;width:100%;background:0 0;position:relative;top:0;left:0;z-index:1;padding-right:calc(25% + 8px);font-family:Arial;margin:0}.form-group input[type=text]:valid,.form-group textarea:valid{background:#fff}.form-group input[type=text]:focus+label,.form-group input[type=text]:not(:focus):valid+label,.form-group textarea:focus+label,.form-group textarea:not(:focus):valid+label{background:#3053c5;color:#fff;width:25%;left:calc(75% - 1px);cursor:default;border-top-left-radius:0;border-bottom-left-radius:0}}.form{margin-top:25px}.list{list-style-type:none;margin:0;padding:0;display:inline-block}.list>li>a{display:flex;align-items:center;justify-content:center;padding:3px 0}.list-with-border{display:block}.list-with-border>li a{padding:10px 0}.list-with-border>li:after,.list-with-border>li:first-child:before{content:"";display:block;width:100%;height:1px;background-image:linear-gradient(to left,rgba(0,0,0,0),#afafaf,rgba(0,0,0,0))}.list-text-left>li>a{justify-content:flex-start}.icon-list{display:inline-flex;flex-wrap:wrap}.icon-list-item{flex-basis:50%;text-align:left}.icon-list-item:nth-child(2n){text-align:left}.icon-list-item:nth-child(2n) a{justify-content:flex-start}.icon-list-item:nth-child(2n) a:hover{transform-origin:left}.icon-list-item:nth-child(2n) a .icon{order:0}.icon-list-item:nth-child(2n) a span{order:1}.icon-list-item:nth-child(2n+1){text-align:right}.icon-list-item:nth-child(2n+1) a{justify-content:flex-end}.icon-list-item:nth-child(2n+1) a:hover{transform-origin:right}.icon-list-item:nth-child(2n+1) a .icon{order:1}.icon-list-item:nth-child(2n+1) a span{order:0}.icon-list-item a{padding:5px 0;display:inline-flex}.icon-list-item a:hover{transform:scale(1.08)}.icon-list-item .icon{font-size:1.5em;margin:0 5px}.link-more:after{content:"";font-family:fontello;position:absolute;top:20px;left:50%;transform:translateX(-50%)}main>section{padding:100px 0;border-bottom:1px solid #e8e8e8;text-align:center}main>section>h2{margin-top:0}.section-w50{width:50%;margin:0 auto;line-height:1.7}.section-w50 form{line-height:normal}@media only screen and (max-width:960px){.section-w50{width:80%;font-size:.9em}}.flex-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:0 auto;max-width:75%;padding:10px 0}.flex-panel{height:230px;margin:1vw;box-sizing:border-box;border-radius:6px;position:relative;color:#fff;border:1px solid silver;box-shadow:0 0 12px 0 rgba(100,100,100,.4)}@media screen and (min-width:518.7px){.flex-panel{width:390px}}@media screen and (max-width:518.7px){.flex-panel{width:100%;height:calc(750vw / 16);margin:10px 0}}.flex-panel:focus-within .project-image,.flex-panel:hover .project-image{filter:brightness(.3);transition-delay:0s}.flex-panel:focus-within .project-content,.flex-panel:hover .project-content{opacity:1}.flex-panel:focus-within li,.flex-panel:hover li{opacity:1}.flex-panel:focus-within .project-name h3,.flex-panel:hover .project-name h3{top:0}.flex-panel:focus-within .project-links-wrapper,.flex-panel:hover .project-links-wrapper{top:0}.project-image{background-image:linear-gradient(to top right,purple,#3200bd);background-position:center center;background-size:cover;position:absolute;height:100%;width:100%;z-index:0;border-radius:5px;filter:brightness(1);transition:filter .25s ease-in-out .2s}.project-content{opacity:0;z-index:1;position:relative;padding:10px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;transition:opacity .3s ease-out .1s;overflow:hidden}.project-name{position:relative;height:60px}@media only screen and (max-width:960px){.project-name{height:40px}}.project-name h3{position:absolute;top:calc(-100% - 10px);width:100%;text-align:center;font-size:.9em;color:#ddd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:top .3s linear;margin:0;padding:20px 0}@media only screen and (max-width:960px){.project-name h3{padding:10px 0}}.project-tags{width:100%;font-size:.75em;font-weight:700;flex-grow:1}.project-tags ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.project-tags ul li{background-image:radial-gradient(#555,#333);color:#ddd;padding:6px 10px;border-radius:2px;margin:2px;border:1px solid #3d3d3d;opacity:0;transition:opacity .25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:960px){.project-tags{display:none}}.project-links{height:55px;position:relative}@media only screen and (max-width:960px){.project-links{height:auto;flex-grow:1}}.project-links .project-links-wrapper{box-sizing:border-box;position:absolute;top:calc(100% + 10px);padding:10px;height:100%;width:100%;transition:top .5s linear;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width:960px){.project-links .project-links-wrapper{flex-direction:column;justify-content:flex-end}}.project-links a{margin:0 8px;text-transform:uppercase}@media only screen and (max-width:960px){.project-links a{margin:0}.project-links a:not(:last-child){margin-bottom:10px}}.flex-panel .project-tags>ul>li:nth-child(1){transition-delay:.1s}.flex-panel .project-tags>ul>li:nth-child(2){transition-delay:.2s}.flex-panel .project-tags>ul>li:nth-child(3){transition-delay:.3s}.flex-panel .project-tags>ul>li:nth-child(4){transition-delay:.4s}.flex-panel .project-tags>ul>li:nth-child(5){transition-delay:.5s}.flex-panel .project-tags>ul>li:nth-child(6){transition-delay:.6s}.flex-panel .project-tags>ul>li:nth-child(7){transition-delay:.7s}.flex-panel .project-tags>ul>li:nth-child(8){transition-delay:.8s}.flex-panel .project-tags>ul>li:nth-child(9){transition-delay:.9s}.flex-panel .project-tags>ul>li:nth-child(10){transition-delay:1s}.btn{border-radius:50px;background-color:#3053c5;padding:12px 30px;display:inline-block;color:#fff;font-size:.8em;font-weight:700;border:0;cursor:pointer}.btn:hover{color:#fff;background-color:#4269eb}.btn:focus{outline:1px solid #fff;outline-offset:-10px;-moz-outline-radius:50px}.btn span.icon-left{margin-right:5px;font-size:1.2em}.btn-small{padding:8px 23px;font-size:.7em}.btn-green{background-color:#0f9248}.btn-green:hover{background-color:#15af58}.icon-emo-happy:before{-webkit-animation:blink 5s linear infinite;animation:blink 5s linear infinite}@-webkit-keyframes blink{0%{content:""}90%{content:""}100%{content:""}}@keyframes blink{0%{content:""}90%{content:""}100%{content:""}}.cfhp{opacity:0;position:absolute;top:0;left:0;width:0;height:0;z-index:-1}.bg-atch-fixed::before{background-attachment:fixed}.tab-content{justify-content:center;flex-wrap:wrap;display:flex;position:absolute;width:100%;visibility:hidden;transition:visibility 0s 1s}.tab-content img{height:50px}.tab-content div{width:20%;padding:30px 0}@media only screen and (max-width:960px){.tab-content div{width:25%}}@media screen and (max-width:600px){.tab-content div{width:33%}}.tab-input{display:none}.tab-btn{border:1px solid #3053c5;border-radius:5px;padding:5px 15px;margin:10px;display:inline-block;cursor:pointer;transition:color .5s,background-color .5s}.tab-content div{opacity:0;transition:opacity .5s}.tab-content div:nth-of-type(1){transition-delay:.1s}.tab-content div:nth-of-type(2){transition-delay:.2s}.tab-content div:nth-of-type(3){transition-delay:.3s}.tab-content div:nth-of-type(4){transition-delay:.4s}.tab-content div:nth-of-type(5){transition-delay:.5s}.tab-content div:nth-of-type(6){transition-delay:.6s}.tab-content div:nth-of-type(7){transition-delay:.7s}.tab-content div:nth-of-type(8){transition-delay:.8s}.tab-content div:nth-of-type(9){transition-delay:.9s}.spacer{margin:0;padding:0;min-height:50px}.tab-content-wrapper{position:relative;min-height:236px}@media screen and (max-width:600px){.tab-content-wrapper{min-height:354px}}.tab-input:nth-of-type(1):checked~.tab-btn:nth-of-type(1){background-color:#3053c5;color:#fff;cursor:default}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1){visibility:visible;transition:visibility 0s 0s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div{opacity:1}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(1){transition-delay:.6s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(2){transition-delay:.7s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(3){transition-delay:.8s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(4){transition-delay:.9s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(5){transition-delay:1s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(6){transition-delay:1.1s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(7){transition-delay:1.2s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(8){transition-delay:1.3s}.tab-input:nth-of-type(1):checked~.tab-content-wrapper .tab-content:nth-of-type(1) div:nth-of-type(9){transition-delay:1.4s}.tab-input:nth-of-type(2):checked~.tab-btn:nth-of-type(2){background-color:#3053c5;color:#fff;cursor:default}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2){visibility:visible;transition:visibility 0s 0s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div{opacity:1}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(1){transition-delay:.6s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(2){transition-delay:.7s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(3){transition-delay:.8s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(4){transition-delay:.9s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(5){transition-delay:1s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(6){transition-delay:1.1s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(7){transition-delay:1.2s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(8){transition-delay:1.3s}.tab-input:nth-of-type(2):checked~.tab-content-wrapper .tab-content:nth-of-type(2) div:nth-of-type(9){transition-delay:1.4s}.tab-input:nth-of-type(3):checked~.tab-btn:nth-of-type(3){background-color:#3053c5;color:#fff;cursor:default}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3){visibility:visible;transition:visibility 0s 0s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div{opacity:1}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(1){transition-delay:.6s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(2){transition-delay:.7s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(3){transition-delay:.8s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(4){transition-delay:.9s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(5){transition-delay:1s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(6){transition-delay:1.1s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(7){transition-delay:1.2s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(8){transition-delay:1.3s}.tab-input:nth-of-type(3):checked~.tab-content-wrapper .tab-content:nth-of-type(3) div:nth-of-type(9){transition-delay:1.4s}.tab-input:nth-of-type(4):checked~.tab-btn:nth-of-type(4){background-color:#3053c5;color:#fff;cursor:default}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4){visibility:visible;transition:visibility 0s 0s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div{opacity:1}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(1){transition-delay:.6s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(2){transition-delay:.7s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(3){transition-delay:.8s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(4){transition-delay:.9s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(5){transition-delay:1s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(6){transition-delay:1.1s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(7){transition-delay:1.2s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(8){transition-delay:1.3s}.tab-input:nth-of-type(4):checked~.tab-content-wrapper .tab-content:nth-of-type(4) div:nth-of-type(9){transition-delay:1.4s}