*{margin:0;padding:0;box-sizing:border-box}html{font-family:arial;color:#ddd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div.app{background-image:url(data:image/png;base64,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);background-color:var(--bgc);background-size:7%;position:relative}main{top:10%;bottom:10%;left:5%;right:10%}main,nav{position:absolute}nav{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:root{--ratio:1;--bgc:#070730;--h1:#ededed;--h2:#0086ff;--shadow:#3d3d99;--red:#e32b10}div.home{position:relative;margin-top:13%}div.home .name-wrapper{margin:40px 0 0 80px;opacity:0;-webkit-animation:enter 1s linear both,makeVisible 2s ease-in both;animation:enter 1s linear both,makeVisible 2s ease-in both}div.home .name-wrapper h1{display:inline-block;color:var(--h1);font-family:Josefin Sans,sans-serif;text-transform:uppercase;font-size:calc(70px*var(--ratio));text-shadow:-1px 0 4px var(--bgc),0 1px 4px var(--bgc),1px 0 4px var(--bgc),0 -1px 4px var(--bgc),4px 4px 3px var(--shadow),6px 6px 6px var(--h2);-webkit-transition:.3s;transition:.3s}div.home .name-wrapper h1.surname{margin-left:calc(-112px*var(--ratio));-webkit-animation:split .5s linear 2s both;animation:split .5s linear 2s both}div.home .name-wrapper h1:hover{cursor:default;color:transparent;text-shadow:4px 4px 3px transparent,6px 6px 3px var(--h2)}div.home h2{color:var(--h2);font-size:20px;margin:20px 0 0 80px;-webkit-animation:makeVisible 2.5s linear 2s both;animation:makeVisible 2.5s linear 2s both}div.home h2,div.home p{font-family:Josefin Sans,sans-serif}div.home p{display:block;font-size:18px;color:#aaa;opacity:0}div.home p:first-of-type{margin:100px 0 0 40px;-webkit-animation:makeVisible 1s linear both;animation:makeVisible 1s linear both}div.home p:nth-of-type(2){margin:80px 0 0 200px;-webkit-animation:makeVisible 1s linear 2s both;animation:makeVisible 1s linear 2s both}@-webkit-keyframes enter{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes enter{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes split{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes split{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes makeVisible{0%{opacity:0}to{opacity:1}}@keyframes makeVisible{0%{opacity:0}to{opacity:1}}div.about{-webkit-animation:makeVisible .5s linear both;animation:makeVisible .5s linear both}div.about h1{color:var(--h1);font-family:Josefin Sans,sans-serif;font-size:60px;text-align:center;text-transform:uppercase;margin:20px 0 40px;text-shadow:-1px 0 4px var(--bgc),0 1px 4px var(--bgc),1px 0 4px var(--bgc),0 -1px 4px var(--bgc),4px 4px 3px var(--shadow),6px 6px 6px var(--h2)}div.about .left{display:-webkit-flex;display:flex}div.about p,div.about ul.technologies li{color:#aaa;font-family:Josefin Sans,sans-serif;font-size:16px;text-align:center;line-height:30px;letter-spacing:.5px}div.about .left p{-webkit-flex-basis:50%;flex-basis:50%}div.about .left .hobbies,div.about .left>p:first-child{-webkit-animation:makeVisible .5s linear both;animation:makeVisible .5s linear both}div.about .left .hobbies{-webkit-flex-basis:50%;flex-basis:50%;position:relative}div.about .left .hobbies div{position:absolute;background-position:50%;background-size:cover;background-repeat:no-repeat;border:2px solid #000;height:46.1%;width:46.1%;-webkit-transition:.6s,background-size 1s .3s;transition:.6s,background-size 1s .3s;z-index:0}div.about .left .hobbies p{margin-top:-15px}div.about .left .hobbies div p{position:absolute;opacity:0;background-color:rgba(0,0,0,.5);color:#fff;text-shadow:0 0 4px #000;padding:4%;cursor:default;-webkit-transition:.6s .5s;transition:.6s .5s;top:80%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}div.about .left .hobbies div:first-of-type{top:4%;left:4%;background-image:url(/static/media/hobby1.42345e0f.jpg)}div.about .left .hobbies div:nth-of-type(2){top:4%;right:4%;background-image:url(/static/media/hobby2.99892b0a.jpg)}div.about .left .hobbies div:nth-of-type(3){bottom:4%;left:4%;background-image:url(/static/media/hobby3.eeb32f16.jpg)}div.about .left .hobbies div:nth-of-type(4){bottom:4%;right:4%;background-image:url(/static/media/hobby4.341bc205.jpg)}div.about .left .hobbies div:first-of-type:hover,div.about .left .hobbies div:nth-of-type(2):hover,div.about .left .hobbies div:nth-of-type(3):hover,div.about .left .hobbies div:nth-of-type(4):hover{z-index:1;height:82%;width:82%;-webkit-transition-delay:.2s;transition-delay:.2s}div.about .left .hobbies div:first-of-type:hover p,div.about .left .hobbies div:nth-of-type(2):hover p,div.about .left .hobbies div:nth-of-type(3):hover p,div.about .left .hobbies div:nth-of-type(4):hover p{opacity:1}div.about .right{position:relative;-webkit-animation:makeVisible .5s linear both;animation:makeVisible .5s linear both}div.about div.container{padding-top:4%;margin-left:50%}div.about div.logos{top:20%;left:5%;position:fixed;height:30vw;width:30vw;border-radius:50%;-webkit-animation:spin 15s linear infinite;animation:spin 15s linear infinite;-webkit-transition:.6s;transition:.6s}div.about div.logos:before{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 500px 120px #cbe2ee;z-index:-1}div.about div.logos:hover,div.about div.logos:hover img{-webkit-animation-play-state:paused;animation-play-state:paused}div.about div.logos img{position:absolute;width:8vw;animation:spin 15s linear infinite reverse}div.about div.logos img:first-of-type{top:3vw;left:3vw}div.about div.logos img:nth-of-type(2){top:3vw;right:3vw}div.about div.logos img:nth-of-type(3){bottom:3vw;right:3vw}div.about div.logos img:nth-of-type(4){bottom:3vw;left:3vw}div.about div.logos img:nth-of-type(5){top:15vw;left:15vw;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5);-webkit-animation:none;animation:none}div.about ul.technologies li{text-align:left;margin-left:80px}div.about ul.technologies{margin-top:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dots{position:absolute;left:50%;bottom:-8%;-webkit-transform:translate(-50%);transform:translate(-50%);list-style:none}.dots li{display:inline-block;width:18px;height:18px;margin:0 20px;border-radius:50%;background-color:var(--h1);box-shadow:inset 0 0 0 1px var(--h1),inset 0 0 0 4px var(--bgc);cursor:pointer}.dots li.active{-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:inset 0 0 0 1px var(--h1),inset 0 0 0 4px var(--bgc),0 0 6px 2px var(--h2)}div.projects{-webkit-animation:makeVisible .5s linear both;animation:makeVisible .5s linear both;height:calc(95% - 40px);overflow:hidden}div.projects h1{color:var(--h1);font-family:Josefin Sans,sans-serif;font-size:60px;text-align:center;text-transform:uppercase;margin:20px 0 40px;text-shadow:-1px 0 4px var(--bgc),0 1px 4px var(--bgc),1px 0 4px var(--bgc),0 -1px 4px var(--bgc),4px 4px 3px var(--shadow),6px 6px 6px var(--h2)}div.projects .container{display:-webkit-flex;display:flex;background-color:var(--h1);border-radius:5px;box-shadow:0 0 8px #000;width:80%;height:100%;margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:0s;transition:0s;-webkit-perspective:none;perspective:none}div.projects .container.shift{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:.4s cubic-bezier(.61,1,.36,0);transition:.4s cubic-bezier(.61,1,.36,0)}div.projects .container.shift-left{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:.4s cubic-bezier(.45,1,.45,0);transition:.4s cubic-bezier(.45,1,.45,0)}div.projects .container.shift-left .content,div.projects .container.shift .content{-webkit-animation:card-flip 0s .2s both;animation:card-flip 0s .2s both}div.projects .container.shift-left a.photo-container,div.projects .container.shift a.photo-container{-webkit-animation:delay-order 0s .2s both,card-flip 0s .2s both;animation:delay-order 0s .2s both,card-flip 0s .2s both}div.projects .container a.photo-container{position:relative;display:block;width:70%;height:100%}div.projects .container a>p{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:16px;width:130px;height:130px;line-height:130px;border-radius:50%;text-align:center;color:var(--h1);font-family:Josefin Sans,sans-serif;font-weight:700;background-color:rgba(61,61,153,.4);opacity:0;-webkit-transition:.6s;transition:.6s;box-shadow:0 0 5px 1px rgba(61,61,153,.4)}div.projects .container a .triangle{position:absolute;top:0;left:0;width:0;height:0;border-color:rgba(61,61,153,.4) transparent transparent;border-style:solid;border-width:7vw 7vw 0 0}div.projects .container a .triangle p{font-family:Josefin Sans,sans-serif;color:var(--h1);opacity:.8;font-size:12px;line-height:14px;position:absolute;top:-5.5vw;left:1vw;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.projects .container a:hover p{opacity:1}div.projects .container img{box-shadow:0 0 8px #000;object-fit:cover;object-position:50% 0;display:block;height:100%;width:100%}div.projects .content{width:50%;background-color:var(--h1);box-shadow:inset 0 0 20px #000}div.projects .content h2{font-size:30px;color:var(--h2);margin:20px 0 5px;text-shadow:2px 2px 3px var(--shadow)}div.projects .content a,div.projects .content h2{font-family:Josefin Sans,sans-serif;text-align:center}div.projects .content a{display:block;color:#666;text-decoration:none;font-size:10px}div.projects .content a span{color:var(--shadow);font-weight:700}div.projects .content p{font-family:Josefin Sans,sans-serif;color:#222;text-align:center;padding:20px 10px;line-height:20px}div.projects .content .technologies{text-align:center;margin-top:8px}div.projects .content .technologies em,div.projects .content .technologies i{display:inline-block;padding:0 10px;font-size:25px;-webkit-transition:.3s;transition:.3s}div.projects .content .technologies em.t-icon-html5{color:#e54c21}div.projects .content .technologies em.t-icon-html5:hover{color:#cc3f18;-webkit-animation:pop .4s;animation:pop .4s}div.projects .content .technologies em.t-icon-css3{color:#0070b7}div.projects .content .technologies em.t-icon-css3:hover{color:#005b95;-webkit-animation:pop .4s;animation:pop .4s}div.projects .content .technologies em.t-icon-js{color:#f7e018}div.projects .content .technologies em.t-icon-js:hover{color:#e5ce08;-webkit-animation:pop .4s;animation:pop .4s}div.projects .content .technologies em.t-icon-php-alt{color:#777bb3}div.projects .content .technologies em.t-icon-php-alt:hover{color:#6166a7;-webkit-animation:pop .4s;animation:pop .4s}div.projects .content .technologies em.t-icon-mysql-alt{color:#01638a}div.projects .content .technologies em.t-icon-mysql-alt:hover{color:#014b68;-webkit-animation:pop .4s;animation:pop .4s}div.projects .content .technologies i.fa-react{color:#61dafb}div.projects .content .technologies i.fa-react:hover{color:#40d2fa;-webkit-animation:pop .4s;animation:pop .4s}div.projects .wrapper-for-arrows{position:relative;height:60%;-webkit-perspective:800;perspective:800;margin-top:6%}div.projects .wrapper-for-arrows i.fas{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--h1);font-size:60px;text-shadow:1px 1px 6px var(--h2),-1px 1px 6px var(--h2),1px -1px 6px var(--h2),-1px -1px 6px var(--h2);cursor:pointer}div.projects .wrapper-for-arrows i.fas:nth-of-type(2){left:auto;right:0}@-webkit-keyframes shift{0%{-webkit-transform:translateX(300%);transform:translateX(300%);opacity:0}10%{-webkit-transform:translateX(0);transform:translateX(0)}15%{opacity:1}85%{opacity:1}90%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-300%);transform:translateX(-300%);opacity:0}}@keyframes shift{0%{-webkit-transform:translateX(300%);transform:translateX(300%);opacity:0}10%{-webkit-transform:translateX(0);transform:translateX(0)}15%{opacity:1}85%{opacity:1}90%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-300%);transform:translateX(-300%);opacity:0}}@-webkit-keyframes card-flip{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes card-flip{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@-webkit-keyframes mirror{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(-1);transform:scale(-1)}}@keyframes mirror{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(-1);transform:scale(-1)}}@-webkit-keyframes delay-order{0%{-webkit-order:0;order:0}to{-webkit-order:2;order:2}}@keyframes delay-order{0%{-webkit-order:0;order:0}to{-webkit-order:2;order:2}}@font-face{font-family:technology-icons;src:url(/static/media/technology-icons.56343b33.eot);font-weight:400;font-style:normal}@font-face{font-family:technology-icons;src:url(/static/media/technology-icons.56343b33.eot);src:url(/static/media/technology-icons.56343b33.eot?#iefix) format("embedded-opentype"),url(/static/media/technology-icons.5beb563a.woff) format("woff"),url(/static/media/technology-icons.3033a336.ttf) format("truetype"),url(/static/media/technology-icons.841b0200.svg?#technology-icons) format("svg");font-weight:400;font-style:normal}[class*=" t-icon-"]:before,[class^=t-icon-]:before{font-family:technology-icons;display:inline-block;vertical-align:middle;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.t-icon-aftereffects:before{content:"\F101"}.t-icon-bridge:before{content:"\F102"}.t-icon-dreamweaver:before{content:"\F103"}.t-icon-fireworks:before{content:"\F104"}.t-icon-flash:before{content:"\F105"}.t-icon-illustrator:before{content:"\F106"}.t-icon-indesign:before{content:"\F107"}.t-icon-lightroom:before{content:"\F108"}.t-icon-photoshop:before{content:"\F109"}.t-icon-cockpit:before{content:"\F10A"}.t-icon-drupal:before{content:"\F10B"}.t-icon-joomla:before{content:"\F10C"}.t-icon-magento:before{content:"\F10D"}.t-icon-october:before{content:"\F10E"}.t-icon-wordpress:before{content:"\F10F"}.t-icon-visual-studio:before{content:"\F110"}.t-icon-bootstrap:before{content:"\F111"}.t-icon-emmet:before{content:"\F112"}.t-icon-less:before{content:"\F113"}.t-icon-postcss:before{content:"\F114"}.t-icon-sass:before{content:"\F115"}.t-icon-cassandra:before{content:"\F116"}.t-icon-database:before{content:"\F117"}.t-icon-hadoop:before{content:"\F118"}.t-icon-mariadb:before{content:"\F119"}.t-icon-mongodb:before{content:"\F11A"}.t-icon-mysql-alt:before{content:"\F11B"}.t-icon-mysql:before{content:"\F11C"}.t-icon-postgres:before{content:"\F11D"}.t-icon-sql:before{content:"\F11E"}.t-icon-sublime:before{content:"\F11F"}.t-icon-express:before{content:"\F120"}.t-icon-grails:before{content:"\F121"}.t-icon-grailsalt:before{content:"\F122"}.t-icon-laravel-alt:before{content:"\F123"}.t-icon-laravel:before{content:"\F124"}.t-icon-phonegap:before{content:"\F125"}.t-icon-platter:before{content:"\F126"}.t-icon-playframework:before{content:"\F127"}.t-icon-rails-alt:before{content:"\F128"}.t-icon-rails:before{content:"\F129"}.t-icon-jira-alt:before{content:"\F12A"}.t-icon-jira:before{content:"\F12B"}.t-icon-angular:before{content:"\F12C"}.t-icon-backbone:before{content:"\F12D"}.t-icon-d3:before{content:"\F12E"}.t-icon-ember:before{content:"\F12F"}.t-icon-jquery-alt:before{content:"\F130"}.t-icon-jquery:before{content:"\F131"}.t-icon-react:before{content:"\F132"}.t-icon-c:before{content:"\F133"}.t-icon-cplusplus:before{content:"\F134"}.t-icon-csharp:before{content:"\F135"}.t-icon-haskell:before{content:"\F136"}.t-icon-java:before{content:"\F137"}.t-icon-nodejs:before{content:"\F138"}.t-icon-objectivec:before{content:"\F139"}.t-icon-perl:before{content:"\F13A"}.t-icon-php-alt:before{content:"\F13B"}.t-icon-php:before{content:"\F13C"}.t-icon-python:before{content:"\F13D"}.t-icon-ruby:before{content:"\F13E"}.t-icon-scala:before{content:"\F13F"}.t-icon-debian:before{content:"\F140"}.t-icon-fedora:before{content:"\F141"}.t-icon-freebsd:before{content:"\F142"}.t-icon-gnome:before{content:"\F143"}.t-icon-java-duke:before{content:"\F144"}.t-icon-kde:before{content:"\F145"}.t-icon-linux-mint:before{content:"\F146"}.t-icon-netbsd:before{content:"\F147"}.t-icon-rasbaerrypi:before{content:"\F148"}.t-icon-redhat:before{content:"\F149"}.t-icon-solaris:before{content:"\F14A"}.t-icon-suse:before{content:"\F14B"}.t-icon-ubuntu:before{content:"\F14C"}.t-icon-autoit:before{content:"\F14D"}.t-icon-browsersync:before{content:"\F14E"}.t-icon-confluence:before{content:"\F14F"}.t-icon-dynamicweb:before{content:"\F150"}.t-icon-babel:before{content:"\F151"}.t-icon-webpack:before{content:"\F152"}.t-icon-osx:before{content:"\F153"}.t-icon-codeignitor:before{content:"\F154"}.t-icon-composer:before{content:"\F155"}.t-icon-zend:before{content:"\F156"}.t-icon-apache:before{content:"\F157"}.t-icon-jetty:before{content:"\F158"}.t-icon-memcached:before{content:"\F159"}.t-icon-nginx-alt:before{content:"\F15A"}.t-icon-nginx:before{content:"\F15B"}.t-icon-redis:before{content:"\F15C"}.t-icon-tomcat:before{content:"\F15D"}.t-icon-ec3:before{content:"\F15E"}.t-icon-github-circle-alt:before{content:"\F15F"}.t-icon-github-circle:before{content:"\F160"}.t-icon-github:before{content:"\F161"}.t-icon-google-code:before{content:"\F162"}.t-icon-heroku:before{content:"\F163"}.t-icon-shell-alt:before{content:"\F164"}.t-icon-shell:before{content:"\F165"}.t-icon-shellscript:before{content:"\F166"}.t-icon-opensource:before{content:"\F167"}.t-icon-bower:before{content:"\F168"}.t-icon-grunt:before{content:"\F169"}.t-icon-gulp:before{content:"\F16A"}.t-icon-selenium:before{content:"\F16B"}.t-icon-git-squared:before{content:"\F16C"}.t-icon-git:before{content:"\F16D"}.t-icon-svn:before{content:"\F16E"}.t-icon-css-alt:before{content:"\F16F"}.t-icon-css3-alt:before{content:"\F170"}.t-icon-css3:before{content:"\F171"}.t-icon-html5:before{content:"\F172"}.t-icon-js:before{content:"\F173"}.modal-wrap{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-animation:disappear 3s ease-in;animation:disappear 3s ease-in;z-index:2}.modal-wrap .modal{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:25%;height:15%;border:2px solid #000;box-shadow:0 0 20px 2px green;background-color:green;border-radius:10px}.modal-wrap .modal,.modal-wrap .modal p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-wrap .modal p{color:var(--h1);font-family:Josefin Sans,sans-serif;font-size:16px;text-align:center}@-webkit-keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes disappear{0%{opacity:1}to{opacity:0}}div.contact{-webkit-animation:makeVisible .5s linear both;animation:makeVisible .5s linear both;height:100%;margin-top:3vh}div.contact h1{color:var(--h1);font-family:Josefin Sans,sans-serif;font-size:60px;text-align:center;text-transform:uppercase;margin:0 0 40px 20px;text-shadow:-1px 0 4px var(--bgc),0 1px 4px var(--bgc),1px 0 4px var(--bgc),0 -1px 4px var(--bgc),4px 4px 3px var(--shadow),6px 6px 6px var(--h2)}div.contact .container{display:-webkit-flex;display:flex;height:calc(100% - 100px)}div.contact .info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:50%;flex-basis:50%;padding:25px 5vw 0}div.contact .info p{color:#aaa;font-family:Josefin Sans,sans-serif;font-size:16px;text-align:center;letter-spacing:.5px}div.contact form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-grow:1;flex-grow:1;margin-top:3%}div.contact input,div.contact textarea{font-family:Josefin Sans,sans-serif;width:100%;margin-bottom:5%;padding:2%;font-size:15px;background-color:var(--h1)}div.contact input{height:5vh}div.contact textarea{resize:vertical;-webkit-flex-grow:1;flex-grow:1}div.contact form input:last-child{font-size:20px;height:7vh;background-color:#000;background-color:var(--red);color:var(--h1);border:1px solid var(--h1);cursor:pointer;-webkit-transition:.3s;transition:.3s}div.contact form input:last-child:hover{color:#111;background-color:var(--h1)}.contact .socials{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin-top:5%}.contact .socials a{color:var(--h1)}.contact .socials i{font-size:30px;position:relative}.contact .socials i:hover{-webkit-animation:pop .3s;animation:pop .3s}.contact .socials i span{visibility:hidden;position:absolute;z-index:1;top:110%;left:50%;background-color:var(--h2);font-size:16px;font-family:Josefin Sans,sans-serif;color:var(--h1);text-align:center;white-space:nowrap;border-radius:6px;padding:7px 0;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}.contact .socials i:first-of-type span{width:120px;margin-left:-60px}.contact .socials i:nth-of-type(2) span{width:240px;margin-left:-120px}.contact .socials i span:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom:5px solid var(--h2)}.contact .socials i:hover span{visibility:visible;opacity:1}.contact .socials i.fa-phone{color:#2eb887}.contact .socials i.fa-envelope{color:#f7cf4a}.contact .socials i.fa-linkedin{color:#0077b5}.contact .socials i.fa-github{color:#fff}.contact .socials i.fa-facebook-square{color:#4267b2}div.contact .map{-webkit-flex-basis:50%;flex-basis:50%;height:100%}div.contact .map p{color:var(--bgc);font-family:Josefin Sans,sans-serif;font-size:20px}.mapboxgl-popup-content{background-color:var(--h1)!important}.mapboxgl-popup-close-button{display:none;font-size:20px}@-webkit-keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}div.logo h3.logo{position:absolute;top:25%;font-size:260px;font-family:Great Vibes,cursive;color:var(--h1);-webkit-transform:rotate(-15deg);transform:rotate(-15deg);text-shadow:0 3px 3px var(--red),3px 0 3px var(--red);-webkit-transition:.6s;transition:.6s}div.logo h3.logo,div.logo h3.logo.firstLoad{right:20%;-webkit-animation:shine 2s cubic-bezier(.85,0,.15,1) infinite alternate,makeVisible 1s ease-in .5s both;animation:shine 2s cubic-bezier(.85,0,.15,1) infinite alternate,makeVisible 1s ease-in .5s both}div.logo h3.logo.firstLoad{top:28%;font-size:15vw}div.logo h3.logo.notFirstLoad{top:28%;right:20%;font-size:15vw;-webkit-animation:shine 2s cubic-bezier(.85,0,.15,1) infinite alternate;animation:shine 2s cubic-bezier(.85,0,.15,1) infinite alternate}div.logo h3.logo.corner{top:25px;right:25px;font-size:40px;-webkit-animation:none;animation:none;cursor:pointer}@-webkit-keyframes shine{0%{color:var(--h1);-webkit-transform:rotate(-15deg) scale(1);transform:rotate(-15deg) scale(1);text-shadow:0 3px 3px var(--red),3px 0 3px var(--red)}to{color:var(--red);-webkit-transform:rotate(-15deg) scale(1.05);transform:rotate(-15deg) scale(1.05);text-shadow:0 3px 3px var(--h1),3px 0 3px var(--h1)}}@keyframes shine{0%{color:var(--h1);-webkit-transform:rotate(-15deg) scale(1);transform:rotate(-15deg) scale(1);text-shadow:0 3px 3px var(--red),3px 0 3px var(--red)}to{color:var(--red);-webkit-transform:rotate(-15deg) scale(1.05);transform:rotate(-15deg) scale(1.05);text-shadow:0 3px 3px var(--h1),3px 0 3px var(--h1)}}nav{background-color:rgba(0,0,0,.2);border-top-left-radius:15px;border-bottom-left-radius:15px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}i[class*=" icon-"]:before,i[class^=icon-]:before{margin:0}nav ul{list-style:none}nav ul li i{display:block;color:var(--h1);font-size:30px;margin:15px 10px 15px 0;padding:10px;-webkit-transition:.3s;transition:.3s;-webkit-text-stroke:.5px var(--bgc)}nav ul li a.active i{color:var(--h2)}nav ul li i:hover{color:var(--shadow)}@font-face{font-family:fontello;src:url(/static/media/fontello.7bb03661.eot);src:url(/static/media/fontello.7bb03661.eot#iefix) format("embedded-opentype"),url(/static/media/fontello.d5dd8977.woff2) format("woff2"),url(/static/media/fontello.3e535047.woff) format("woff"),url(/static/media/fontello.fdeec51c.ttf) format("truetype"),url(/static/media/fontello.1f898c53.svg#fontello) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home-outline:before{content:"\E800"}.icon-user-outline:before{content:"\E801"}.icon-briefcase:before{content:"\E802"}.icon-mail:before{content:"\E803"}@media (max-width:1023px){nav{top:auto;bottom:0;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:100vw}nav ul li{-webkit-flex-basis:25%;flex-basis:25%}nav ul li i{text-align:center;margin:0}nav ul li:first-of-type,nav ul li:nth-of-type(2),nav ul li:nth-of-type(3){border-right:2px solid var(--h1)}}@media (max-width:824px) and (orientation:landscape){nav ul li i{font-size:22px;padding:6px;font-size:18px;padding:5px}}@media (max-width:640px) and (orientation:landscape){nav ul li i{font-size:16px}nav ul li:first-of-type,nav ul li:nth-of-type(2),nav ul li:nth-of-type(3){border-right:1px solid var(--h1)}}@media (max-width:412px) and (orientation:portrait){nav ul li i{font-size:24px}}@media (max-width:360px){nav ul li i{font-size:20px}}@media (min-width:1600px){:root{--ratio:1.2}div.home h2{font-size:24px}div.home p{font-size:22px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{top:30%}}@media (max-width:1280px){:root{--ratio:0.9}div.home h2{font-size:18px}div.home p{font-size:15px}div.home .name-wrapper{margin:30px 0 0 80px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{top:35%}}@media (min-height:1024px) and (max-width:1366px){:root{--ratio:1.2}div.home{margin-top:20%}div.home h2{font-size:28px}div.home p{font-size:26px}div.home p:nth-of-type(2){margin:100px 0 0 200px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:16vw;top:25%}}@media (max-width:1024px) and (orientation:portrait){:root{--ratio:1.4}div.home{margin-top:50%}div.home h2{font-size:32px;margin:40px 0 0 80px}div.home p{font-size:30px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:20vw;top:15%}}@media (max-width:768px) and (orientation:portrait){:root{--ratio:1.2}div.home{margin-top:calc(47% - 56px)}div.home h2{font-size:27px;margin:40px 0 0 40px}div.home p{font-size:25px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{right:33%;top:calc(16% - 56px)}}@media (max-width:480px) and (orientation:portrait){:root{--ratio:0.8}div.home{margin-top:calc(47% - 56px)}div.home h2{font-size:24px;margin:40px 0 0 40px}div.home p{font-size:22px}}@media (max-width:415px) and (orientation:portrait){:root{--ratio:0.7}div.home{margin-top:calc(55% - 56px)}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:25vw;top:calc(16% - 56px);right:30%}}@media (max-width:412px) and (orientation:portrait){:root{--ratio:0.71}div.home{margin-top:calc(65% - 56px)}div.home h2{font-size:21px;line-height:28px}div.home p{font-size:20px}div.home .name-wrapper{margin-left:50px}}@media (max-width:360px) and (orientation:portrait){:root{--ratio:0.65}div.home{margin-top:calc(65% - 56px)}div.home h2{font-size:18px}div.home p{font-size:16px}div.home p:nth-of-type(2){margin-top:60px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{top:calc(18% - 56px)}}@media (max-width:320px) and (orientation:portrait){:root{--ratio:0.5}div.home{margin-top:calc(60% - 56px)}div.home h2{font-size:16px;margin-top:20px}div.home p{font-size:14px}div.home .name-wrapper{margin-top:20px}div.home p:nth-of-type(2){margin-top:50px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:22vw;top:calc(20% - 56px)}}@media (max-width:1024px) and (orientation:landscape){:root{--ratio:1.1}div.home{margin-top:20%}div.home h2{font-size:32px}div.home p{font-size:28px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:16vw;top:15%}}@media (max-width:824px) and (orientation:landscape){:root{--ratio:0.8}div.home{margin-top:0}div.home h2{font-size:18px}div.home p{font-size:16px}div.home p:first-of-type{margin:40px 0 0 40px}div.home p:nth-of-type(2){margin:70px 0 0 200px}div.home .name-wrapper{margin:20px 0 0 80px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:15vw;top:20%;right:10%}}@media (max-width:812px) and (max-height:479px) and (orientation:landscape){div.home{margin-top:-3%}}@media (max-width:640px) and (orientation:landscape){:root{--ratio:0.6}div.home{margin-top:-2%;margin-left:-2%}div.home h2{font-size:16px}div.home p{font-size:14px}div.home p:first-of-type{margin:40px 0 0 40px}div.home p:nth-of-type(2){margin-top:60px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{right:12%;font-size:12vw}}@media (max-width:568px) and (min-width:535px) and (max-height:320px) and (orientation:landscape){div.home{margin-top:-5%}}@media (max-width:534px) and (orientation:landscape){:root{--ratio:0.5}div.home h2{font-size:14px}div.home p{font-size:12px}div.home p:first-of-type{margin:40px 0 0 40px}div.home p:nth-of-type(2){margin-top:50px}div.logo h3.logo.firstLoad,div.logo h3.logo.notFirstLoad{font-size:13vw}}@media (min-width:1600px){div.about .left>p:first-child{font-size:20px;padding:20px}div.about section.container{padding-top:20px}}@media (max-width:1366px) and (orientation:landscape){div.about .left>p:first-child{font-size:20px;padding-top:2%}div.about section.container{padding-top:100px}}@media (max-width:1280px) and (orientation:landscape){div.about section.container{padding-top:80px}}@media (max-width:1024px) and (orientation:landscape){div.about .left .hobbies p,div.about .left>p:first-child{font-size:16px;line-height:22px}div.about .left .hobbies p{font-size:16px}div.about section.container{padding-top:10px}}@media (max-width:824px) and (orientation:landscape){main{top:5%;right:5%}div.about .left>p:first-child{font-size:10px;line-height:15px}div.about h1{font-size:30px;margin:10px 0 20px 20px}div.about .left .hobbies div{border-width:1px}div.about .left .hobbies p{font-size:10px}div.about section.container{padding-top:0}.dots{bottom:4%}.dots li{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--h1),inset 0 0 0 3px var(--bgc)}.dots li.active{box-shadow:inset 0 0 0 1px var(--h1),inset 0 0 0 3px var(--bgc),0 0 4px 2px var(--h2)}}@media (max-width:800px) and (orientation:landscape){div.about .left{margin-top:7%}}@media (max-width:736px) and (orientation:landscape){div.about .left{margin-top:2%}div.about .left>p:first-child{line-height:13px}}@media (max-width:668px) and (orientation:landscape){div.about .left{margin-top:0}div.about .left>p:first-child{line-height:11px}}@media (max-width:640px) and (orientation:landscape){div.about .left{margin-top:0}div.about .left>p:first-child{font-size:9px;line-height:10px}div.about .left .hobbies p{font-size:9px}}@media (max-width:568px) and (orientation:landscape){div.about h1{font-size:25px}div.about .left>p:first-child{font-size:8px;line-height:9px}div.about .left .hobbies p{font-size:8px}.dots li{width:12px;height:12px}.dots li.active{box-shadow:inset 0 0 0 1px var(--h1),inset 0 0 0 3px var(--bgc),0 0 4px 1px var(--h2)}}@media (max-width:1024px) and (orientation:portrait){main{right:8%}div.about h1{margin-top:0}div.about .left{display:block}div.about .left>p:first-child{font-size:24px;padding:4%}div.about .left .hobbies p{position:absolute;top:-1%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:24px}div.about .left .hobbies{height:30vh;margin-top:5%}}@media (max-width:768px) and (orientation:portrait){main{right:5%}div.about h1{margin:-20px 0 40px}div.about .left>p:first-child{font-size:20px;padding:0 4% 2%;line-height:22px}.dots{bottom:-3%}div.about .left .hobbies p{top:-2%;font-size:20px}}@media (max-width:480px) and (orientation:portrait){div.about h1{font-size:35px;margin:-20px 0 20px}div.about .left>p:first-child{font-size:15px;line-height:15px}div.about .left .hobbies p{font-size:16px}.dots{bottom:-2%}}@media (max-width:414px) and (orientation:portrait){div.about .left>p:first-child{font-size:14px;line-height:15px}div.about .left .hobbies p{font-size:14px}div.about .left .hobbies{margin-top:6%}}@media (max-width:414px) and (orientation:portrait){div.about .left>p:first-child{font-size:12px;line-height:13px}div.about .left .hobbies p{font-size:12px}div.about .left .hobbies div{border-width:1px}div.logo h3.logo.corner{top:20px;right:20px;font-size:30px}}@media (max-width:360px) and (orientation:portrait){div.about .left>p:first-child{font-size:11px;line-height:11px}}@media (max-width:320px) and (orientation:portrait){div.about .left>p:first-child{font-size:9px;line-height:9px}div.about .left .hobbies p{font-size:10px}.dots li{width:14px;height:14px}div.logo h3.logo.corner{top:15px;right:15px;font-size:25px}}@media (min-width:1600px){div.about div.logos{top:22%;left:10%}div.about div.container{padding-top:2%}div.about div.container li,div.about div.container p{font-size:22px;line-height:35px}}@media (max-width:1366px){div.about div.container,div.about section.container{padding-top:0}div.about div.logos{top:25%;left:10%}div.about div.container li,div.about div.container p{font-size:26px;line-height:30px}}@media (max-width:1024px) and (orientation:landscape){div.about div.logos{top:30%;left:5%}div.about div.container li,div.about div.container p{font-size:20px;line-height:25px}div.about div.container{margin-left:43%}}@media (max-width:824px) and (orientation:landscape){div.about div.logos{top:13%;left:8%}div.about div.container li,div.about div.container p{font-size:13px;line-height:16px}div.about div.logos img{width:7vw}div.about div.logos:before{box-shadow:0 0 500px 80px #cbe2ee}div.logo h3.logo.corner{font-size:30px}}@media (max-width:736px) and (orientation:landscape){div.about div.logos{left:8%;top:15%}}@media (max-width:668px) and (orientation:landscape){div.about div.container li,div.about div.container p{font-size:11px;line-height:14px}}@media (max-width:640px) and (orientation:landscape){div.about div.logos{top:15%;left:10%}div.about div.container li,div.about div.container p{font-size:10px;line-height:12px}}@media (max-width:568px) and (orientation:landscape){div.about div.container{padding-top:0}div.about div.logos:before{box-shadow:0 0 200px 60px #cbe2ee}div.about div.container li,div.about div.container p{font-size:9px;line-height:10px}div.logo h3.logo.corner{top:20px;right:20px;font-size:25px}}@media (max-width:1024px) and (orientation:portrait){div.about div.logos{top:20%;left:35%}div.about div.logos:before{box-shadow:0 0 200px 70px #cbe2ee}div.about div.container{margin:50% 0 0;padding:0 2%}div.about div.container li,div.about div.container p{font-size:30px;line-height:35px}}@media (max-width:768px) and (orientation:portrait){div.about div.container li,div.about div.container p{font-size:24px;line-height:30px}}@media (max-width:480px) and (orientation:portrait){div.about div.logos{top:15%;left:35%}div.about div.logos:before{box-shadow:0 0 120px 50px #cbe2ee}div.about div.container li,div.about div.container p{font-size:20px;line-height:20px}}@media (max-width:414px) and (orientation:portrait){div.about div.container li,div.about div.container p{font-size:16px;line-height:20px}div.about div.container{margin:52% 0 0;padding:0 2%}}@media (max-width:376px) and (min-height:668px) and (orientation:portrait){div.logo h3.logo.corner{font-size:30px}div.about div.container li,div.about div.container p{font-size:17px;line-height:20px}}@media (max-width:376px) and (orientation:portrait){div.about h1{font-size:30px}div.about div.logos{top:18%;left:35%}div.logo h3.logo.corner{font-size:30px}div.about div.container li,div.about div.container p{font-size:14px;line-height:18px}}@media (max-width:320px) and (orientation:portrait){div.about h1{font-size:30px}div.about div.container li,div.about div.container p{font-size:12px;line-height:13px}div.about div.logos:before{box-shadow:0 0 100px 35px #cbe2ee}div.logo h3.logo.corner{font-size:20px}}@media (min-width:1600px){div.projects .content h2{font-size:40px}div.projects .content a{font-size:15px}div.projects .content p{font-size:20px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:30px}}@media (max-width:1366px){div.projects .wrapper-for-arrows{height:50%;margin-top:8%}}@media (max-width:1366px) and (max-height:1023px){div.projects .wrapper-for-arrows{height:60%}}@media (max-width:1024px) and (orientation:landscape){div.projects .content h2{font-size:25px}div.projects .content a{font-size:10px}div.projects .content p{font-size:12px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:25px}}@media (max-width:824px) and (orientation:landscape){div.projects h1{margin:20px 0;font-size:30px}div.projects .wrapper-for-arrows{height:73%;margin-top:-1%}div.projects .content h2{margin:10px 0 5px;font-size:20px}div.projects .content a{font-size:8px}div.projects .content p{font-size:10px;padding:5px 10px;line-height:15px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:15px}div.projects .wrapper-for-arrows i.fas{font-size:50px}}@media (max-width:800px) and (orientation:landscape){div.projects .wrapper-for-arrows{height:60%;margin-top:6%}}@media (max-width:736px) and (orientation:landscape){div.projects .content p{font-size:9px;line-height:12px}div.projects .wrapper-for-arrows{margin-top:5%}div.projects .content .technologies em,div.projects .content .technologies i{padding:0 6px}}@media (max-width:668px) and (orientation:landscape){div.projects .content .technologies em,div.projects .content .technologies i{font-size:14px}div.projects .wrapper-for-arrows{margin-top:3%;height:70%}div.projects .content .technologies{margin-top:4px}div.projects .content p{padding:3px 10px;font-size:8px;line-height:10px}}@media (max-width:640px) and (orientation:landscape){div.projects .content h2{margin:10px 0 5px;font-size:18px}div.projects .content a{font-size:7px}div.projects .content p{line-height:8px}}@media (max-width:568px) and (orientation:landscape){div.projects h1{font-size:25px;margin:10px 0 15px}div.projects .wrapper-for-arrows{margin-top:0;height:76%}div.projects .content h2{margin:10px 0 2px;font-size:16px}div.projects .content a{font-size:6px}div.projects .content .technologies{margin-top:0}div.projects .content p{padding:3px 10px;font-size:7px}div.projects .wrapper-for-arrows i.fas{font-size:40px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:12px;padding:0 4px}}@media (max-width:534px) and (orientation:landscape){div.projects h1{font-size:25px}div.projects .wrapper-for-arrows i.fas{font-size:35px}div.projects .content h2{font-size:14px}div.projects .content p{line-height:7px}}@media (max-width:1024px) and (orientation:portrait){div.projects .container{display:block}div.projects .container a.photo-container{width:100%;height:70%}div.projects .content{width:100%;padding-top:4%}div.projects .content h2{margin:0 0 5px}div.projects .wrapper-for-arrows{height:58%;margin-top:20%}div.projects .content h2{font-size:35px}div.projects .content a{font-size:12px}div.projects .content p{font-size:20px;line-height:25px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:30px}div.projects .wrapper-for-arrows i.fas{top:60%}}@media (max-width:768px) and (orientation:portrait){div.projects .wrapper-for-arrows{height:52%;margin-top:10%}div.projects .wrapper-for-arrows i.fas{top:70%}}@media (max-width:480px) and (orientation:portrait){div.projects .wrapper-for-arrows{height:40%;margin-top:15%}div.projects .container{width:70%}div.projects h1{font-size:40px;margin:20px 0}div.projects .content h2{font-size:25px}div.projects .content a{font-size:10px}div.projects .content p{font-size:13px;line-height:15px;padding:5px 10px 10px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:25px;padding:0 6px}div.projects .wrapper-for-arrows i.fas{font-size:40px}div.projects .container a p{width:60px;height:60px;line-height:60px;font-size:8px}.dots li{margin:0 10px}}@media (max-width:376px) and (orientation:portrait){div.projects .content h2{font-size:20px}div.projects .content a{font-size:8px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:20px;padding:0 4px}div.projects .content p{font-size:11px;line-height:12px;padding:5px 10px 10px}}@media (max-width:376px) and (min-height:668px) and (orientation:portrait){div.projects .wrapper-for-arrows{margin-top:25%}}@media (max-width:320px) and (orientation:portrait){div.projects h1{font-size:30px}div.projects .content h2{font-size:18px}div.projects .content a{font-size:7px}div.projects .content .technologies em,div.projects .content .technologies i{font-size:15px}div.projects .wrapper-for-arrows i.fas{font-size:30px}div.projects .content p{font-size:9px;line-height:9px}div.projects .content .technologies{margin-top:4px}}@media (max-width:1366px) and (orientation:landscape){div.contact{margin-top:2vh}div.contact .info p{font-size:25px}div.contact .info{padding:0 5vw}div.contact input,div.contact textarea{font-size:25px;padding:3%}div.contact form input:last-child{font-size:25px}}@media (max-width:1024px) and (orientation:landscape){div.contact .info p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:20px}}@media (max-width:824px) and (orientation:landscape){div.contact{height:110%}div.contact h1{font-size:25px;margin:0 0 20px 20px}.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:10px}div.contact form input:last-child{height:5vh;margin-bottom:3%}div.contact input,div.contact textarea{margin-bottom:3%}div.contact form{margin-top:10px}div.contact input{height:4vh;padding:2%}div.contact .socials i{font-size:15px}.contact .socials{margin-top:0}.contact .socials i:first-of-type span{width:80px;margin-left:-40px}.contact .socials i:nth-of-type(2) span{width:160px;margin-left:-80px}}@media (max-width:812px) and (min-height:375px) and (orientation:landscape){.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:8px}}@media (max-width:640px) and (orientation:landscape){.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:9px}div.contact form{margin-top:5px}div.contact .socials i{font-size:10px}.contact .socials i:first-of-type span{width:60px;margin-left:-30px}.contact .socials i:nth-of-type(2) span{width:120px;margin-left:-60px}}@media (max-width:534px) and (orientation:landscape){.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:8px}}@media (max-width:1024px) and (orientation:portrait){div.contact{margin-top:0}div.contact .container{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}div.contact input{height:2vh}div.contact form input:last-child{height:5vh}.contact .socials{margin-top:0}div.contact .map{height:auto;max-height:40%;width:calc(100% - 10vw);margin:3% auto 0}}@media (max-width:768px) and (orientation:portrait){div.contact input{height:3vh;margin-bottom:3%}div.contact h1{margin:0 0 20px}div.contact .container{height:calc(100% - 80px)}div.contact div.info{padding:0 5vw}}@media (max-width:414px) and (orientation:portrait){div.contact h1{font-size:35px}div.contact .container{height:calc(100% - 55px)}.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:12px}div.contact .socials i{font-size:18px}}@media (max-width:376px) and (orientation:portrait){div.contact h1{font-size:30px}div.contact .container{height:calc(100% - 50px)}.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:11px}}@media (max-width:320px) and (orientation:portrait){.contact .socials i span,div.contact .info p,div.contact .map p,div.contact form input:last-child,div.contact input,div.contact textarea{font-size:10px}}@media (max-width:1024px) and (orientation:portrait){.modal-wrap .modal{width:30%;height:10%;border:1px solid #000;box-shadow:0 0 10px 2px green}}@media (max-width:412px) and (orientation:portrait){.modal-wrap .modal p{font-size:14px}}@media (max-width:320px) and (orientation:portrait){.modal-wrap .modal p{font-size:12px}}@media (max-width:812px) and (orientation:landscape){.modal-wrap .modal{border:1px solid #000;box-shadow:0 0 10px 2px green}.modal-wrap .modal p{font-size:13px}}@media (max-width:640px) and (orientation:landscape){.modal-wrap .modal p{font-size:10px}}@media (max-width:1280px){div.projects .container a .triangle p{font-size:8px;line-height:10px;top:-6vw;left:1vw}}@media (max-width:736px){div.projects .container a .triangle p{font-size:7px;line-height:8px}}@media (max-width:640px){div.projects .container a .triangle p{font-size:6px;line-height:7px}}@media (max-width:532px){div.projects .container a .triangle p{font-size:4px;line-height:6px}}@media (max-width:531px) and (orientation:portrait){div.projects .container a .triangle p{line-height:4px;top:-11vw;left:3vw}}@media (max-width:414px) and (orientation:portrait){div.projects .container a .triangle{border-width:8vw 8vw 0 0}div.projects .container a .triangle p{top:-11.5vw;left:3.5vw}}@media (max-width:376px) and (orientation:portrait){div.projects .container a .triangle p{top:-12.5vw;left:4vw}}@media (max-width:360px) and (orientation:portrait){div.projects .container a .triangle p{top:-13vw;left:4vw}}@media (max-width:320px) and (orientation:portrait){div.projects .container a .triangle p{top:-14vw;left:4.5vw}}
/*# sourceMappingURL=main.6045924c.chunk.css.map */