By continuing to use mononelo.es you are giving consent to cookies being used. For information on cookies please visit our cookies policy.

About me

My name is Pol Escarpenter, I'm a frontend designer and developer from Barcelona. I'm passionate about the internet and everything that has to do with its creation process. All the steps of creating a website are exciting and necessary, from the wireframes to the development itself.

From a very young age, I already showed to have artistic abilities that in my adolescence I began to develop in a more intentional way. Painting oil I got to the point of my life when I had to consider what to study and I started to study telecommunications engineering in Universitat Polítécnica de Catalunya. It was a path that did not lead me to a good destination but later I would discover that everything I learned was going to serve me.

You don't learn anything that you are not going to use.

I decided to start my design studies at the Istituto Europeo di Design in Barcelona, always focused on digital design. After three years I got the double degree in design, digital and video and I started working as a designer. From the beginning I started to learn web developemnt but it was not until I started working on El Jueves that I became a frontend developer. Even so, my work continued being as a designer that also develop.

In 2010 I obtained my bachelor's degree from the Universitat de Barcelona when I took the master's degree in "Strategic and Creative Direction of Intregal Advertising" and that introduced to me in the world of advertising and communication. A year later, I started working at Buzz, a company located in the Eixample neighborhood (at that time, now this seems far away) distributed in two old floors separated by a landing. There, I found a place in a team that today I can proudly say that I am already a veteran and I have witnessed the growth of a great agency. It was a few years ago that I made the leap to the development department, leading the frontend development section.

I have become a developer that designs.

From this moment I try to participate in all the steps of the development of a project to be able to comment on usability, optimization, adaptability, animation, and other aspects that are important in a digital world in which the largest mobile is the smallest tablet and the bigger tablet is the smallest computer. We have to be prepared for everything and we have to design and develop thinking in many variables: screen resolution, browser, operating system, language ...

We are living a world that is constantly changing and we must be up to date always, we must never stop learning.

My skills

It's difficult to explain the level of knowledge but with this graphic I try to explain that 100% of my knowledge of these five categories (development, CMS, frameworks, design and art) can be divided as follows.

I like to include art because artistic taste has a lot to do when it comes to design because it provides an added value that elevates the result of the project from "made" to "WOW".

Development

CSS & Compass
HTML
PHP
Javascript & JQuery
MySQL
Flash

CMS

Wordpress
Tumblr
Joomla
Drupal

Frameworks

Bootstrap
CakePHP
Laravel
Other

Design

Photoshop
Illustrator
After Effects
inDesign
FinalCut
Flash

Art

Collage
Photography
Drawing
Brushing
Other
I have typed all this code
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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Social Icons";font-display:swap;src:url("../fonts/social.eot");src:url("../fonts/social.eot?#iefix") format("embedded-opentype"),url("../fonts/social.woff") format("woff"),url("../fonts/social.ttf") format("truetype"),url("../fonts/social.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:bold}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Light.eot");src:url("../fonts/IBMPlexMono-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Light.woff") format("woff"),url("../fonts/IBMPlexMono-Light.ttf") format("truetype"),url("../fonts/IBMPlexMono-Light.svg") format("svg");font-style:normal;font-weight:100}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Regular.eot");src:url("../fonts/IBMPlexMono-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Regular.woff") format("woff"),url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"),url("../fonts/IBMPlexMono-Regular.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold.eot");src:url("../fonts/IBMPlexMono-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-SemiBold.woff") format("woff"),url("../fonts/IBMPlexMono-SemiBold.ttf") format("truetype"),url("../fonts/IBMPlexMono-SemiBold.svg") format("svg");font-style:normal;font-weight:bold}@-webkit-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-moz-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-ms-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-o-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-ms-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-moz-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-ms-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-o-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-moz-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-ms-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-o-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box;font-size:1em}::selection{background:#335BC2;color:#f20}::-moz-selection{background:#335BC2;color:#f20}body{font-family:'IBM Plex Mono', Helvetica, Arial, "sans-serif";font-size:22px;line-height:36px;letter-spacing:.05em;background-color:#FFF3DB;color:#0F1E44}body.footer{background-color:#03060D}@media (max-width: 1500px) and (min-width: 1001px){body{font-size:20px;line-height:32px;letter-spacing:.04em}}@media (max-width: 1000px) and (min-width: 751px){body{font-size:18px;line-height:28px;letter-spacing:.03em}}@media (max-width: 750px) and (min-width: 551px){body{font-size:16px;line-height:25px;letter-spacing:.02em}}@media (max-width: 550px){body{font-size:14px;line-height:22px;letter-spacing:.01em}}h3,h4,h5,h6{color:#335BC2}h3 span,h4 span,h5 span,h6 span{color:#f20}h1 em{color:#f20}h2 em,h3 em,h4 em,h5 em,h6 em{color:#335BC2;transition:.25s ease-out all}h2:hover em,h3:hover em,h4:hover em,h5:hover em,h6:hover em{color:inherit}p{margin-bottom:1.5em}strong,b{font-weight:bold}em,i{font-style:normal}img,svg{max-width:100%;height:auto}a{color:inherit;font-weight:bold;text-decoration:underline;transition:.15s ease-out all}a[href]:hover{color:#f20}.oranje-txt{color:#f20 !important}.blue-txt{color:#335BC2 !important}.cream-txt{color:#FFF3DB !important}.blue-section,#about.section,#work.section,#collage.section,#contact.section{background:#335BC2;color:#FFF3DB}.blue-section h2,#about.section h2,#work.section h2,#collage.section h2,#contact.section h2,.blue-section h3,#about.section h3,#work.section h3,#collage.section h3,#contact.section h3,.blue-section h4,#about.section h4,#work.section h4,#collage.section h4,#contact.section h4,.blue-section h5,#about.section h5,#work.section h5,#collage.section h5,#contact.section h5,.blue-section h6,#about.section h6,#work.section h6,#collage.section h6,#contact.section h6{color:#0F1E44}.blue-section h2 em,#about.section h2 em,#work.section h2 em,#collage.section h2 em,#contact.section h2 em,.blue-section h3 em,#about.section h3 em,#work.section h3 em,#collage.section h3 em,#contact.section h3 em,.blue-section h4 em,#about.section h4 em,#work.section h4 em,#collage.section h4 em,#contact.section h4 em,.blue-section h5 em,#about.section h5 em,#work.section h5 em,#collage.section h5 em,#contact.section h5 em,.blue-section h6 em,#about.section h6 em,#work.section h6 em,#collage.section h6 em,#contact.section h6 em{color:#f20}.blue-section h2:hover em,#about.section h2:hover em,#work.section h2:hover em,#collage.section h2:hover em,#contact.section h2:hover em,.blue-section h3:hover em,#about.section h3:hover em,#work.section h3:hover em,#collage.section h3:hover em,#contact.section h3:hover em,.blue-section h4:hover em,#about.section h4:hover em,#work.section h4:hover em,#collage.section h4:hover em,#contact.section h4:hover em,.blue-section h5:hover em,#about.section h5:hover em,#work.section h5:hover em,#collage.section h5:hover em,#contact.section h5:hover em,.blue-section h6:hover em,#about.section h6:hover em,#work.section h6:hover em,#collage.section h6:hover em,#contact.section h6:hover em{color:inherit}.orange-section{background:#f20;color:#FFF3DB}.orange-section h2,.orange-section h3,.orange-section h4,.orange-section h5,.orange-section h6{color:#0F1E44}.orange-section h2 em,.orange-section h3 em,.orange-section h4 em,.orange-section h5 em,.orange-section h6 em{color:#FFF3DB}.times,#about.section h3,#about.section h4,#about.section h5,#about.section h6,.blank-section .quote .text{font-family:Times, serif;font-display:swap}.peace,h1,h2,#footer .menu .title,#skills.section .title{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";font-weight:bold;text-transform:uppercase;font-display:swap}#wrapper{position:relative;z-index:100;overflow:hidden}@media (max-width: 760px){#wrapper{margin:0 !important}}#wrapper .section{position:relative;padding:10em 0}@media (max-width: 1500px) and (min-width: 1001px){#wrapper .section{padding:7.5em 0}}@media (max-width: 1000px){#wrapper .section{padding:5em 0}}#wrapper .content{width:2000px;max-width:90%;margin:0 auto;position:relative}#wrapper .inner{width:60%;max-width:100%;position:relative;z-index:100}@media (max-width: 1250px){#wrapper .inner{width:100%}}#wrapper .inner a{display:inline-block;background-color:#338;text-decoration:none;padding:.2em .15em;line-height:1em}#wrapper .inner a:hover{color:inherit;background-color:#f20}#liquid-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}#liquid-wrapper #liquid{width:120%;height:130%;margin:-5%}#liquid-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#FFF3DB}.cursor{position:absolute;top:-100px;left:-100px;pointer-events:none;transition:.35s ease-out all;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:42px;height:42px;background-color:transparent;border:3px solid #335BC2;border-radius:50%}.cursor#general-cursor{z-index:10000000000000000}.cursor#general-cursor:hover{width:100px;height:100px}.cursor#general-cursor:after,.cursor#general-cursor:before{content:'';position:absolute;transition:.25s ease-out all;border-radius:50%;border-style:solid}.cursor#general-cursor:before{top:0;left:0;right:0;bottom:0;margin:-4px;border-width:2px;border-color:#335BC2 transparent transparent transparent}.cursor#general-cursor:after{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;border-width:2px;border-color:#335BC2}.cursor#general-cursor.click,.cursor#general-cursor.hover{width:0;height:0;border-width:0;border-radius:50% !important}.cursor#general-cursor.click:after{width:10px;height:10px}.cursor#general-cursor.hover:after{border-width:0}.cursor#general-cursor.hide{transition-duration:.25s;width:80px;height:80px;opacity:0;border-radius:50% !important}.cursor#general-cursor.oposite{border-color:#FFF3DB}.cursor#general-cursor.oposite:before{border-color:#FFF3DB transparent transparent transparent}.cursor#general-cursor.oposite:after{border-color:#FFF3DB}.cursor#general-cursor.loading:before{margin:-9px;animation:spin infinite .75s ease-out}.cursor#general-cursor.loading.click:before,.cursor#general-cursor.loading.hover:before{margin:-20px}.cursor#general-cursor.loadinghide:before{display:none}.cursor#blank-cursor{z-index:1;width:500px;height:500px;background-color:#335BC2;border-width:0;transition-duration:2s}@media (max-width: 1250px) and (min-width: 751px){.cursor#blank-cursor{width:400px;height:400px}}@media (max-width: 750px){.cursor#blank-cursor{width:300px;height:300px}}#progress{position:fixed;top:0;left:0;right:0;z-index:10000000000;pointer-events:none}#progress div{position:relative;display:block;width:0%;height:4px;background-color:#f20}#header{position:relative}#header .promsite{position:absolute;top:0;right:0;margin:.5em .3em 0 0;z-index:1000000000}#header .promsite a,#header .promsite img{display:block}#header .inner{width:1000px;max-width:100%;min-height:3000px;transition:1s cubic-bezier(0.19, 1, 0.22, 1) all}#header .header-content{position:absolute;bottom:0;left:0;right:0;padding:10% 0}#header #logo{width:150px;margin-bottom:100px}@media (max-width: 550px){#header #logo{width:75px;margin-bottom:25px}}#header #logo path{fill:#335BC2}#header .title{font-size:6em;line-height:.9em;margin:0;width:100%}@media (max-width: 1500px) and (min-width: 1001px){#header .title{font-size:5.5em}}@media (max-width: 1000px) and (min-width: 751px){#header .title{font-size:5em}}@media (max-width: 750px) and (min-width: 551px){#header .title{font-size:4.5em}}@media (max-width: 550px) and (min-width: 451px){#header .title{font-size:4em}}@media (max-width: 450px) and (min-width: 351px){#header .title{font-size:3.4em}}@media (max-width: 350px){#header .title{font-size:2.9em}}#header .title span{line-height:.8em}#header .title .line-1{font-size:0.950em}#header .title .line-2{font-size:1.255em}#header .title .line-3{font-size:1.225em}#header .title .line-4{font-size:1.084em}#footer{position:relative;z-index:10;padding:5em 0;color:#FFF3DB;font-size:.85em;line-height:1.5em;background-color:#1A1A1F}@media (max-width: 1100px){#footer{padding:4em 0 5em}}#footer a{font-weight:100;color:#f0ebda;text-decoration:none}#footer a:hover{color:#f20}#footer .logo{position:absolute;top:0;right:0}@media (max-width: 1100px){#footer .logo{display:none}}#footer .logo svg{width:100px}#footer .logo svg path{fill:#f20}@media (max-width: 1100px){#footer .logo svg{width:50px}}#footer .menu{display:block;vertical-align:top;padding-right:150px}@media (max-width: 1300px) and (min-width: 1101px){#footer .menu{padding-right:90px}}@media (max-width: 1100px){#footer .menu{padding:0}}#footer .menu .title{font-size:2em;line-height:1em;margin-bottom:1em;color:#FFF3DB}#footer .menu .title span{display:inline-block;position:relative}#footer .menu .title span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#FFF3DB}#footer .menu ul{width:100%}#footer .menu ul li{display:inline-block;margin-right:5%;vertical-align:top;position:relative}@media (max-width: 1100px){#footer .menu ul li{display:block;width:100%;margin-bottom:3em}}#footer .menu ul li:last-child{margin-right:0}@media (max-width: 1100px){#footer .menu ul li:last-child{margin-bottom:0}}#footer .menu ul ul li{display:block;width:auto;margin:0 0 .25em}@media (max-width: 1100px){#footer .menu ul ul li{display:inline-block;margin:0 1em 0 0;line-height:1.85em}}#footer .menu ul ul li a{color:#FFF3DB}#footer .menu ul ul li:before{content:'#';color:#f20;margin-right:.5em}@media (max-width: 1160px){#footer .menu ul ul li:before{margin-right:.25em}}#footer .menu ul ul li:hover a,#footer .menu ul ul li:hover:before{color:#335BC2}#footer .menu .social ul li:before{font-family:'Social Icons', Helvetica, Arial, "sans-serif";position:relative;top:2px;font-weight:normal}@media (max-width: 1100px){#footer .menu .social ul li:before{margin-right:.5em}}#footer .menu .social ul li.instagram:before{content:'i'}#footer .menu .social ul li.twitter:before{content:'t'}#footer .menu .social ul li.facebook:before{content:'f'}#footer .menu .social ul li.dribbble:before{content:'d'}#footer .menu .social ul li.google:before{content:'q'}#footer .menu .social ul li.youtube:before{content:'y'}#footer .menu .social ul li.vimeo:before{content:'v'}#footer .menu .social ul li.flickr:before{content:'k'}#footer .menu .social ul li.github:before{content:'g'}#footer .menu .social ul li.behance:before{content:'b'}#footer .menu .social ul li.trello:before{content:'e'}#footer .menu .social ul li.wordpress:before{content:'w'}#footer .menu .social ul li.ello:before{content:'l'}#footer .menu .social ul li.tumblr:before{content:'m'}#footer .menu .social ul li.skype:before{content:'s'}#footer .menu .social ul li.reddit:before{content:'r'}#footer .menu .social ul li.linkedin:before{content:'n'}#footer .menu .social ul li.stackoverflow:before{content:'o'}#footer .menu .social ul li.pinterest:before{content:'p'}#footer .menu .social ul li.foursquare:before{content:'u'}#footer .menu .social ul li.yelp:before{content:'x'}#legal{position:relative;z-index:10;font-family:Helvetica, Arial, "sans-serif";padding:3em 0;background-color:#03060D;color:#333;font-size:10px;line-height:16px;margin-top:-1px}#legal .logo{position:absolute;top:50%;left:0;width:40px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 1100px){#legal .logo{position:static;margin:20px 0 10px}}#legal .logo path{fill:#333}#legal p{width:750px;max-width:100%;margin:10px 0 10px 70px;padding-left:30px;border-left:1px solid #333}@media (max-width: 1100px){#legal p{margin:0;padding:0;border:none}}h1{width:875px;max-width:100%}h1{font-size:8em;line-height:1em;margin-bottom:.25em}h2{font-size:4em;line-height:1em;margin-bottom:.40em}h3{font-size:2.5em;line-height:1.15em;margin-bottom:.55em}h4{font-size:1.85em;line-height:1em;margin-bottom:.70em}h5{font-size:1.5em;line-height:1em;margin-bottom:.85em}h6{font-size:1em;line-height:1em;margin-bottom:1em}*+h1{margin-top:.25em}*+h2{margin-top:.40em}*+h3{margin-top:.55em}*+h4{margin-top:.70em}*+h5{margin-top:.85em}*+h6{margin-top:1em}#about.section h3,#about.section h4,#about.section h4,#about.section h5,#about.section h6{font-size:3.85em;line-height:.9em;font-weight:700;letter-spacing:-.01em;width:1250px;max-width:100%}#about.section h3 span,#about.section h4 span,#about.section h4 span,#about.section h5 span,#about.section h6 span{color:inherit}@media (max-width: 1250px){#about.section.half-image{background-image:none !important}}#about.section.half-image .inner{width:60%}@media (max-width: 1250px){#about.section.half-image .inner{width:100%}}#about.section.half-image .content{position:static}#about.section.half-image .image{position:absolute;top:0;bottom:0;right:0;width:60%;z-index:1;background-image:url("../images/about4-500.jpg");background-color:#335BC2;background-size:auto 100%;background-position:100% 100%;background-attachment:fixed;background-repeat:no-repeat}@media (min-width: 2501px){#about.section.half-image .image{background-image:url("../images/about4-3000.jpg")}}@media (min-width: 2001px) and (max-width: 2500px){#about.section.half-image .image{background-image:url("../images/about4-2500.jpg")}}@media (min-width: 1501px) and (max-width: 2000px){#about.section.half-image .image{background-image:url("../images/about4-2000.jpg")}}@media (min-width: 1001px) and (max-width: 1500px){#about.section.half-image .image{background-image:url("../images/about4-1500.jpg")}}@media (min-width: 501px) and (max-width: 1000px){#about.section.half-image .image{background-image:url("../images/about4-1000.jpg")}}@media (max-width: 1250px){#about.section.half-image .image{width:100%;opacity:.25}}#skills.section .content{overflow:visible}#skills.section .bars{margin-top:3em}#skills.section .title{color:#335BC2;font-size:2.5em;line-height:1em;margin-bottom:0;transition:.5s ease-out all .5s}@media (max-width: 900px){#skills.section .title{line-height:.75em}}#skills.section .title span{color:inherit}#skills.section.before .bar .item{height:0;transition-duratio:.1s}#skills.section.before .bar .item .name{opacity:0}#skills.section .bar{margin-bottom:2em;width:100%;transition:1s ease-out all}@media (max-width: 900px){#skills.section .bar{margin-bottom:1.35em}}#skills.section .bar .item{position:relative;height:12px;background-color:#f20;margin-bottom:25px;transition:.25s ease-out all;border-radius:10em}@media (min-width: 901px){#skills.section .bar .item{display:inline-block;margin-right:1%}#skills.section .bar .item:hover{background-color:#0F1E44}#skills.section .bar .item:hover .name{font-weight:bold;font-size:1em}#skills.section .bar .item.over .name{opacity:0}}@media (max-width: 900px){#skills.section .bar .item{height:15px;display:block;margin-bottom:2px;white-space:nowrap;width:auto !important}}#skills.section .bar .item:last-of-type{margin-right:0}#skills.section .bar .item .name{color:#0F1E44;position:absolute;font-size:.75em;line-height:1em;top:100%;left:0;right:0;white-space:nowrap;padding:5px 5px 0;transition:.25s ease-out all}@media (max-width: 2000px) and (min-width: 901px){#skills.section .bar .item .name{font-size:.65em}}@media (max-width: 900px){#skills.section .bar .item .name{font-size:.5em;top:50%;padding:0 0 0 5px;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#FFF3DB}}#work.section .list{font-size:1.65em;line-height:1em;margin:1.5em 0 0}#work.section .list ul{margin-left:-1em}#work.section .list ul .item{display:inline-block;margin:0 -21px 0 0}#work.section .list ul .item a,#work.section .list ul .item em{color:#0F1E44;text-decoration:none;display:block;line-height:1.25em;transition:.25s ease-out all;padding:.5em 1em .5em;margin-top:-2px;font-style:normal}#work.section .list ul .item a:hover{color:#FFF3DB;animation-name:flicker-hover;animation-duration:2s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item.over a,#work.section .list ul .item.over em{opacity:.25}#work.section .list ul .item.over a{animation-name:flicker;animation-duration:1s;animation-delay:.5s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item:nth-of-type(1).over a{animation-delay:.1s;animation-duration:2.34s}#work.section .list ul .item:nth-of-type(2).over a{animation-delay:.1s;animation-duration:3.92s}#work.section .list ul .item:nth-of-type(3).over a{animation-delay:.8s;animation-duration:4.73s}#work.section .list ul .item:nth-of-type(4).over a{animation-delay:.5s;animation-duration:1.07s}#work.section .list ul .item:nth-of-type(5).over a{animation-delay:.8s;animation-duration:3.53s}#work.section .list ul .item:nth-of-type(6).over a{animation-delay:.7s;animation-duration:.74s}#work.section .list ul .item:nth-of-type(7).over a{animation-delay:.8s;animation-duration:3.58s}#work.section .list ul .item:nth-of-type(8).over a{animation-delay:.6s;animation-duration:1.27s}#work.section .list ul .item:nth-of-type(9).over a{animation-delay:.8s;animation-duration:2.48s}#work.section .list ul .item:nth-of-type(10).over a{animation-delay:.1s;animation-duration:.32s}#work.section .list ul .item:nth-of-type(11).over a{animation-delay:1s;animation-duration:1.75s}#work.section .list ul .item:nth-of-type(12).over a{animation-delay:.7s;animation-duration:1.17s}#work.section .list ul .item:nth-of-type(13).over a{animation-delay:.1s;animation-duration:3.36s}#work.section .list ul .item:nth-of-type(14).over a{animation-delay:.2s;animation-duration:1s}#work.section .list ul .item:nth-of-type(15).over a{animation-delay:.7s;animation-duration:2.06s}#work.section .list ul .item:nth-of-type(16).over a{animation-delay:.6s;animation-duration:2.66s}#work.section .list ul .item:nth-of-type(17).over a{animation-delay:.7s;animation-duration:2.86s}#work.section .list ul .item:nth-of-type(18).over a{animation-delay:.4s;animation-duration:3.69s}#work.section .list ul .item:nth-of-type(19).over a{animation-delay:.4s;animation-duration:2.23s}#work.section .list ul .item:nth-of-type(20).over a{animation-delay:.1s;animation-duration:.23s}#work.section .list ul .item:nth-of-type(21).over a{animation-delay:.5s;animation-duration:.63s}#work.section .list ul .item:nth-of-type(22).over a{animation-delay:.8s;animation-duration:3.08s}#work.section .list ul .item:nth-of-type(23).over a{animation-delay:.1s;animation-duration:3.68s}#work.section .list ul .item:nth-of-type(24).over a{animation-delay:.9s;animation-duration:1.05s}#work.section .list ul .item:nth-of-type(25).over a{animation-delay:.2s;animation-duration:.34s}#work.section .list ul .item:nth-of-type(26).over a{animation-delay:1s;animation-duration:4.14s}#work.section .list ul .item:nth-of-type(27).over a{animation-delay:.8s;animation-duration:4.23s}#work.section .list ul .item:nth-of-type(28).over a{animation-delay:.8s;animation-duration:.47s}#work.section .list ul .item:nth-of-type(29).over a{animation-delay:.5s;animation-duration:1.81s}#work.section .list ul .item:nth-of-type(30).over a{animation-delay:.4s;animation-duration:3.14s}#work.section .list ul .item:nth-of-type(31).over a{animation-delay:.6s;animation-duration:2.98s}#work.section .list ul .item:nth-of-type(32).over a{animation-delay:1s;animation-duration:2.58s}#work.section .list ul .item:nth-of-type(33).over a{animation-delay:.3s;animation-duration:.31s}#work.section .list ul .item:nth-of-type(34).over a{animation-delay:.6s;animation-duration:4.38s}#work.section .list ul .item:nth-of-type(35).over a{animation-delay:.2s;animation-duration:1.94s}#work.section .list ul .item:nth-of-type(36).over a{animation-delay:.8s;animation-duration:4.9s}#work.section .list ul .item:nth-of-type(37).over a{animation-delay:.6s;animation-duration:1.47s}#work.section .list ul .item:nth-of-type(38).over a{animation-delay:.6s;animation-duration:1.87s}#work.section .list ul .item:nth-of-type(39).over a{animation-delay:.4s;animation-duration:4.93s}#work.section .list ul .item:nth-of-type(40).over a{animation-delay:.3s;animation-duration:3.45s}#work.section .list ul .item:nth-of-type(41).over a{animation-delay:.3s;animation-duration:3.31s}#work.section .list ul .item:nth-of-type(42).over a{animation-delay:.6s;animation-duration:1.15s}#work.section .list ul .item:nth-of-type(43).over a{animation-delay:.9s;animation-duration:1.13s}#work.section .list ul .item:nth-of-type(44).over a{animation-delay:.4s;animation-duration:1.9s}#work.section .list ul .item:nth-of-type(45).over a{animation-delay:.6s;animation-duration:1.63s}#work.section .list ul .item:nth-of-type(46).over a{animation-delay:.1s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(47).over a{animation-delay:.8s;animation-duration:4.04s}#work.section .list ul .item:nth-of-type(48).over a{animation-delay:.7s;animation-duration:1.22s}#work.section .list ul .item:nth-of-type(49).over a{animation-delay:.6s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(50).over a{animation-delay:.9s;animation-duration:1.59s}#experience.section{overflow:hidden}#experience.section .container{display:inline-block;position:relative;margin:2em 0 0;max-width:100%}@media (min-width: 1151px), (max-width: 875px){#experience.section .container{margin:0 !important}}#experience.section .container .circles{position:relative;width:600px;height:600px;border-radius:50%;max-width:100%;z-index:1000}@media (max-width: 1150px) and (min-width: 876px){#experience.section .container .circles{width:400px;height:400px}}@media (max-width: 875px){#experience.section .container .circles{display:none}}#experience.section .container .circles .circle{position:absolute;top:50%;left:50%;border-radius:50%;background-color:#FFF3DB;transition:.5s ease-out all;animation:rotate_this 10s linear infinite reverse}#experience.section .container .circles .circle:nth-of-type(1){background-color:#1b3065;width:16.66667%;height:16.66667%;z-index:5;border-radius:46% 46% 49% 41%}#experience.section .container .circles .circle:nth-of-type(2){background-color:#203979;width:33.33333%;height:33.33333%;z-index:4;border-radius:50% 49% 42% 50%}#experience.section .container .circles .circle:nth-of-type(3){background-color:#25438d;width:50%;height:50%;z-index:3;border-radius:44% 46% 47% 45%}#experience.section .container .circles .circle:nth-of-type(4){background-color:#2b4ca1;width:66.66667%;height:66.66667%;z-index:2;border-radius:48% 44% 41% 50%}#experience.section .container .circles .circle:nth-of-type(5){background-color:#3056b5;width:83.33333%;height:83.33333%;z-index:1;border-radius:46% 49% 48% 46%}#experience.section .container .circles .circle:nth-of-type(6){background-color:#335BC2;width:100%;height:100%;z-index:0;border-radius:46% 48% 48% 41%}#experience.section .container .circles .circle:hover{background-color:#f20 !important;transition:.25s ease-out all}#experience.section .container .circles .circle:last-of-type,#experience.section .container .circles .circle:last-of-type:hover{box-shadow:none}#experience.section .container .titles{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;color:#0F1E44;z-index:10000}@media (max-width: 875px){#experience.section .container .titles{position:static;margin:3em 0;pointer-events:auto}}#experience.section .container .titles .title{position:absolute;top:12px;left:105%;white-space:nowrap;width:100%;padding:.25em .5em;font-size:.75em;line-height:1em;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 875px){#experience.section .container .titles .title{position:relative;top:auto;left:0;white-space:normal;font-size:1.25em;line-height:1.35em;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;margin-bottom:1em;padding:0 0 0 1em}}#experience.section .container .titles .title:nth-of-type(1){top:43.66667%;z-index:105}#experience.section .container .titles .title:nth-of-type(2){top:35.33333%;z-index:104}#experience.section .container .titles .title:nth-of-type(3){top:27%;z-index:103}#experience.section .container .titles .title:nth-of-type(4){top:18.66667%;z-index:102}#experience.section .container .titles .title:nth-of-type(5){top:10.33333%;z-index:101}#experience.section .container .titles .title:nth-of-type(6){top:2%;z-index:100}@media (min-width: 876px){#experience.section .container .titles .title .title-inner{display:inline}}#experience.section .container .titles .title span{display:inline-block;vertical-align:middle}@media (max-width: 875px){#experience.section .container .titles .title span{vertical-align:text-bottom}}#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{text-transform:uppercase}@media (max-width: 875px){#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";display:block}}@media (max-width: 875px){#experience.section .container .titles .title span.start{font-size:3em;line-height:.9em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{font-size:2em;line-height:.65em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{color:#f20}}#experience.section .container .titles .title span.divider{margin:0 .5em;font-size:.85em}@media (max-width: 875px){#experience.section .container .titles .title span.divider{display:none}}#experience.section .container .titles .title span.name{pointer-events:all}@media (max-width: 875px){#experience.section .container .titles .title span.name{display:block;font-size:1em;line-height:1em}}#experience.section .container .titles .title span.name,#experience.section .container .titles .title span.name a{font-weight:bold;color:#0F1E44}#experience.section .container .titles .title span.name a{text-decoration:none}#experience.section .container .titles .title span.name a:hover{color:#f20}#experience.section .container .titles .title span.name:before{content:'';display:inline-block;vertical-align:middle;width:20px;margin:0 .5em;height:2px;background-color:#0F1E44}@media (max-width: 875px){#experience.section .container .titles .title span.name:before{display:none}}#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{content:'';position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0F1E44;vertical-align:middle;display:inline-block}@media (max-width: 875px){#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{top:16px;background-color:#335BC2}}#experience.section .container .titles .title:before{right:100%;width:55%;height:2px}@media (max-width: 875px){#experience.section .container .titles .title:before{width:2em}}#experience.section .container .titles .title:after{right:155%;width:6px;height:6px;border-radius:50%}@media (max-width: 875px){#experience.section .container .titles .title:after{left:0;width:10px;height:10px}}.blank-section{position:relative;display:block;width:100%;z-index:1}.blank-section.overflowhidden{overflow:hidden}.blank-section .quote{position:absolute;top:50%;left:0;right:0;z-index:100;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}.blank-section .quote .logo{width:100px;max-width:90%;display:inline-block}.blank-section .quote .logo.blue path{fill:#335BC2}.blank-section .quote .logo.red path{fill:#f20}.blank-section .quote .logo.cream path{fill:#FFF3DB}.blank-section .quote .text{color:#FFF3DB;font-weight:700;font-size:6em;line-height:1em;text-transform:lowercase}@media (max-width: 1000px) and (min-width: 501px){.blank-section .quote .text{font-size:5em}}@media (max-width: 500px){.blank-section .quote .text{font-size:4em}}#collage.section{padding-bottom:0;margin-bottom:0}#collage.section .inner{margin-bottom:5em}#collage.section .instagram{background-color:#fff}#collage.section .instagram .slide{transition:.25s ease-out all;background-color:#fff}#collage.section .instagram .slide img{mix-blend-mode:multiply}#collage.section .instagram .slide:hover{background-color:#f20}#collage.section .instagram .slide:hover img{filter:saturate(0)}.hide-object,#contact.section #object.name .arroba,#contact.section #object.name .nickname,#contact.section #object.name .extension,#contact.section #object.name a .arroba,#contact.section #object.name a .nickname,#contact.section #object.name a .extension,#contact.section #object.name a:hover .arroba,#contact.section #object.name a:hover .nickname,#contact.section #object.name a:hover .extension,#contact.section #object.instagram .name,#contact.section #object.instagram .extension,#contact.section #object.instagram a .name,#contact.section #object.instagram a .extension,#contact.section #object.instagram a:hover .name,#contact.section #object.instagram a:hover .extension,#contact.section #object.web .name,#contact.section #object.web .arroba,#contact.section #object.web a .name,#contact.section #object.web a .arroba,#contact.section #object.web a:hover .name,#contact.section #object.web a:hover .arroba{opacity:.1}#contact.section{position:relative;z-index:100;padding:2.5em 0;background-color:rgba(255,243,219,0.95);text-align:center}#contact.section .object-menu{position:relative;z-index:10;margin-bottom:1em}#contact.section .object-menu ul li{display:inline-block;margin:0;text-transform:uppercase}@media (max-width: 600px){#contact.section .object-menu ul li{font-size:1.5em;line-height:1em;margin:0 0 1em}}#contact.section .object-menu ul li a{color:#0F1E44;text-decoration:none;padding:.5em 1em}@media (max-width: 600px){#contact.section .object-menu ul li a{padding:0}}#contact.section .object-menu ul li a:hover{color:#f20}#contact.section .object-menu ul li a em{font-style:normal;padding:.1em .45em;transition:.15s ease-out all}#contact.section .object-menu ul li.active a,#contact.section .object-menu ul li.active a:hover{text-decoration:none}#contact.section .object-menu ul li.active a em,#contact.section .object-menu ul li.active a:hover em{color:#FFF3DB;background-color:#f20}#contact.section #object{position:relative;z-index:1;font-size:3em;line-height:1em;height:400px}@media (min-width: 1501px){#contact.section #object{height:500px}}@media (min-width: 1001px) and (max-width: 1500px){#contact.section #object{height:400px}}@media (min-width: 601px) and (max-width: 1000px){#contact.section #object{height:300px}}#contact.section #object .object-inner{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:500px;width:100%;height:50px}@media (max-width: 600px){#contact.section #object .object-inner{-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}}#contact.section #object a{color:#0F1E44;display:block;text-decoration:none;position:relative;top:0}@media (max-width: 600px){#contact.section #object a{transition-duration:.35s}}#contact.section #object a[href]:hover em{color:#335BC2}#contact.section #object a.hide{top:2em;opacity:0;pointer-events:none}@media (max-width: 600px){#contact.section #object a.hide{top:0}}#contact.section #object a.second{-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}#contact.section #object a.second em{margin:0 .1em}#contact.section #object em{display:inline-block;transition:.25s ease-out all;font-style:normal}#contact.section #object.name{cursor:default}#cookies{position:fixed;top:0;bottom:0;right:0;width:90px;z-index:1000000000;background-color:#0F1E44;color:#f20;font-size:.5em;line-height:1.65em;overflow:hidden;-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}#cookies.show{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#cookies .close{position:absolute;top:0;left:0;right:0;display:block;height:110px;cursor:pointer;z-index:1000000}#cookies .close:before,#cookies .close:after{content:'';position:absolute;top:50%;left:50%;width:50px;height:4px;background-color:#FFF3DB;transition:.5s ease-out all;cursor:pointer}#cookies .close:before{-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}#cookies .close:after{-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#cookies .close:hover:before,#cookies .close:hover:after{-moz-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg);width:40px}#cookies .content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);width:750px;padding:35px 90px 35px 25px}#cookies .content p{margin:0}#cookies .content a{color:inherit}#cookies .content a:hover{color:#335BC2}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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Social Icons";font-display:swap;src:url("../fonts/social.eot");src:url("../fonts/social.eot?#iefix") format("embedded-opentype"),url("../fonts/social.woff") format("woff"),url("../fonts/social.ttf") format("truetype"),url("../fonts/social.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:bold}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Light.eot");src:url("../fonts/IBMPlexMono-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Light.woff") format("woff"),url("../fonts/IBMPlexMono-Light.ttf") format("truetype"),url("../fonts/IBMPlexMono-Light.svg") format("svg");font-style:normal;font-weight:100}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Regular.eot");src:url("../fonts/IBMPlexMono-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Regular.woff") format("woff"),url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"),url("../fonts/IBMPlexMono-Regular.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold.eot");src:url("../fonts/IBMPlexMono-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-SemiBold.woff") format("woff"),url("../fonts/IBMPlexMono-SemiBold.ttf") format("truetype"),url("../fonts/IBMPlexMono-SemiBold.svg") format("svg");font-style:normal;font-weight:bold}@-webkit-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-moz-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-ms-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-o-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-ms-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-moz-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-ms-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-o-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-moz-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-ms-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-o-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box;font-size:1em}::selection{background:#335BC2;color:#f20}::-moz-selection{background:#335BC2;color:#f20}body{font-family:'IBM Plex Mono', Helvetica, Arial, "sans-serif";font-size:22px;line-height:36px;letter-spacing:.05em;background-color:#FFF3DB;color:#0F1E44}body.footer{background-color:#03060D}@media (max-width: 1500px) and (min-width: 1001px){body{font-size:20px;line-height:32px;letter-spacing:.04em}}@media (max-width: 1000px) and (min-width: 751px){body{font-size:18px;line-height:28px;letter-spacing:.03em}}@media (max-width: 750px) and (min-width: 551px){body{font-size:16px;line-height:25px;letter-spacing:.02em}}@media (max-width: 550px){body{font-size:14px;line-height:22px;letter-spacing:.01em}}h3,h4,h5,h6{color:#335BC2}h3 span,h4 span,h5 span,h6 span{color:#f20}h1 em{color:#f20}h2 em,h3 em,h4 em,h5 em,h6 em{color:#335BC2;transition:.25s ease-out all}h2:hover em,h3:hover em,h4:hover em,h5:hover em,h6:hover em{color:inherit}p{margin-bottom:1.5em}strong,b{font-weight:bold}em,i{font-style:normal}img,svg{max-width:100%;height:auto}a{color:inherit;font-weight:bold;text-decoration:underline;transition:.15s ease-out all}a[href]:hover{color:#f20}.oranje-txt{color:#f20 !important}.blue-txt{color:#335BC2 !important}.cream-txt{color:#FFF3DB !important}.blue-section,#about.section,#work.section,#collage.section,#contact.section{background:#335BC2;color:#FFF3DB}.blue-section h2,#about.section h2,#work.section h2,#collage.section h2,#contact.section h2,.blue-section h3,#about.section h3,#work.section h3,#collage.section h3,#contact.section h3,.blue-section h4,#about.section h4,#work.section h4,#collage.section h4,#contact.section h4,.blue-section h5,#about.section h5,#work.section h5,#collage.section h5,#contact.section h5,.blue-section h6,#about.section h6,#work.section h6,#collage.section h6,#contact.section h6{color:#0F1E44}.blue-section h2 em,#about.section h2 em,#work.section h2 em,#collage.section h2 em,#contact.section h2 em,.blue-section h3 em,#about.section h3 em,#work.section h3 em,#collage.section h3 em,#contact.section h3 em,.blue-section h4 em,#about.section h4 em,#work.section h4 em,#collage.section h4 em,#contact.section h4 em,.blue-section h5 em,#about.section h5 em,#work.section h5 em,#collage.section h5 em,#contact.section h5 em,.blue-section h6 em,#about.section h6 em,#work.section h6 em,#collage.section h6 em,#contact.section h6 em{color:#f20}.blue-section h2:hover em,#about.section h2:hover em,#work.section h2:hover em,#collage.section h2:hover em,#contact.section h2:hover em,.blue-section h3:hover em,#about.section h3:hover em,#work.section h3:hover em,#collage.section h3:hover em,#contact.section h3:hover em,.blue-section h4:hover em,#about.section h4:hover em,#work.section h4:hover em,#collage.section h4:hover em,#contact.section h4:hover em,.blue-section h5:hover em,#about.section h5:hover em,#work.section h5:hover em,#collage.section h5:hover em,#contact.section h5:hover em,.blue-section h6:hover em,#about.section h6:hover em,#work.section h6:hover em,#collage.section h6:hover em,#contact.section h6:hover em{color:inherit}.orange-section{background:#f20;color:#FFF3DB}.orange-section h2,.orange-section h3,.orange-section h4,.orange-section h5,.orange-section h6{color:#0F1E44}.orange-section h2 em,.orange-section h3 em,.orange-section h4 em,.orange-section h5 em,.orange-section h6 em{color:#FFF3DB}.times,#about.section h3,#about.section h4,#about.section h5,#about.section h6,.blank-section .quote .text{font-family:Times, serif;font-display:swap}.peace,h1,h2,#footer .menu .title,#skills.section .title{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";font-weight:bold;text-transform:uppercase;font-display:swap}#wrapper{position:relative;z-index:100;overflow:hidden}@media (max-width: 760px){#wrapper{margin:0 !important}}#wrapper .section{position:relative;padding:10em 0}@media (max-width: 1500px) and (min-width: 1001px){#wrapper .section{padding:7.5em 0}}@media (max-width: 1000px){#wrapper .section{padding:5em 0}}#wrapper .content{width:2000px;max-width:90%;margin:0 auto;position:relative}#wrapper .inner{width:60%;max-width:100%;position:relative;z-index:100}@media (max-width: 1250px){#wrapper .inner{width:100%}}#wrapper .inner a{display:inline-block;background-color:#338;text-decoration:none;padding:.2em .15em;line-height:1em}#wrapper .inner a:hover{color:inherit;background-color:#f20}#liquid-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}#liquid-wrapper #liquid{width:120%;height:130%;margin:-5%}#liquid-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#FFF3DB}.cursor{position:absolute;top:-100px;left:-100px;pointer-events:none;transition:.35s ease-out all;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:42px;height:42px;background-color:transparent;border:3px solid #335BC2;border-radius:50%}.cursor#general-cursor{z-index:10000000000000000}.cursor#general-cursor:hover{width:100px;height:100px}.cursor#general-cursor:after,.cursor#general-cursor:before{content:'';position:absolute;transition:.25s ease-out all;border-radius:50%;border-style:solid}.cursor#general-cursor:before{top:0;left:0;right:0;bottom:0;margin:-4px;border-width:2px;border-color:#335BC2 transparent transparent transparent}.cursor#general-cursor:after{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;border-width:2px;border-color:#335BC2}.cursor#general-cursor.click,.cursor#general-cursor.hover{width:0;height:0;border-width:0;border-radius:50% !important}.cursor#general-cursor.click:after{width:10px;height:10px}.cursor#general-cursor.hover:after{border-width:0}.cursor#general-cursor.hide{transition-duration:.25s;width:80px;height:80px;opacity:0;border-radius:50% !important}.cursor#general-cursor.oposite{border-color:#FFF3DB}.cursor#general-cursor.oposite:before{border-color:#FFF3DB transparent transparent transparent}.cursor#general-cursor.oposite:after{border-color:#FFF3DB}.cursor#general-cursor.loading:before{margin:-9px;animation:spin infinite .75s ease-out}.cursor#general-cursor.loading.click:before,.cursor#general-cursor.loading.hover:before{margin:-20px}.cursor#general-cursor.loadinghide:before{display:none}.cursor#blank-cursor{z-index:1;width:500px;height:500px;background-color:#335BC2;border-width:0;transition-duration:2s}@media (max-width: 1250px) and (min-width: 751px){.cursor#blank-cursor{width:400px;height:400px}}@media (max-width: 750px){.cursor#blank-cursor{width:300px;height:300px}}#progress{position:fixed;top:0;left:0;right:0;z-index:10000000000;pointer-events:none}#progress div{position:relative;display:block;width:0%;height:4px;background-color:#f20}#header{position:relative}#header .promsite{position:absolute;top:0;right:0;margin:.5em .3em 0 0;z-index:1000000000}#header .promsite a,#header .promsite img{display:block}#header .inner{width:1000px;max-width:100%;min-height:3000px;transition:1s cubic-bezier(0.19, 1, 0.22, 1) all}#header .header-content{position:absolute;bottom:0;left:0;right:0;padding:10% 0}#header #logo{width:150px;margin-bottom:100px}@media (max-width: 550px){#header #logo{width:75px;margin-bottom:25px}}#header #logo path{fill:#335BC2}#header .title{font-size:6em;line-height:.9em;margin:0;width:100%}@media (max-width: 1500px) and (min-width: 1001px){#header .title{font-size:5.5em}}@media (max-width: 1000px) and (min-width: 751px){#header .title{font-size:5em}}@media (max-width: 750px) and (min-width: 551px){#header .title{font-size:4.5em}}@media (max-width: 550px) and (min-width: 451px){#header .title{font-size:4em}}@media (max-width: 450px) and (min-width: 351px){#header .title{font-size:3.4em}}@media (max-width: 350px){#header .title{font-size:2.9em}}#header .title span{line-height:.8em}#header .title .line-1{font-size:0.950em}#header .title .line-2{font-size:1.255em}#header .title .line-3{font-size:1.225em}#header .title .line-4{font-size:1.084em}#footer{position:relative;z-index:10;padding:5em 0;color:#FFF3DB;font-size:.85em;line-height:1.5em;background-color:#1A1A1F}@media (max-width: 1100px){#footer{padding:4em 0 5em}}#footer a{font-weight:100;color:#f0ebda;text-decoration:none}#footer a:hover{color:#f20}#footer .logo{position:absolute;top:0;right:0}@media (max-width: 1100px){#footer .logo{display:none}}#footer .logo svg{width:100px}#footer .logo svg path{fill:#f20}@media (max-width: 1100px){#footer .logo svg{width:50px}}#footer .menu{display:block;vertical-align:top;padding-right:150px}@media (max-width: 1300px) and (min-width: 1101px){#footer .menu{padding-right:90px}}@media (max-width: 1100px){#footer .menu{padding:0}}#footer .menu .title{font-size:2em;line-height:1em;margin-bottom:1em;color:#FFF3DB}#footer .menu .title span{display:inline-block;position:relative}#footer .menu .title span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#FFF3DB}#footer .menu ul{width:100%}#footer .menu ul li{display:inline-block;margin-right:5%;vertical-align:top;position:relative}@media (max-width: 1100px){#footer .menu ul li{display:block;width:100%;margin-bottom:3em}}#footer .menu ul li:last-child{margin-right:0}@media (max-width: 1100px){#footer .menu ul li:last-child{margin-bottom:0}}#footer .menu ul ul li{display:block;width:auto;margin:0 0 .25em}@media (max-width: 1100px){#footer .menu ul ul li{display:inline-block;margin:0 1em 0 0;line-height:1.85em}}#footer .menu ul ul li a{color:#FFF3DB}#footer .menu ul ul li:before{content:'#';color:#f20;margin-right:.5em}@media (max-width: 1160px){#footer .menu ul ul li:before{margin-right:.25em}}#footer .menu ul ul li:hover a,#footer .menu ul ul li:hover:before{color:#335BC2}#footer .menu .social ul li:before{font-family:'Social Icons', Helvetica, Arial, "sans-serif";position:relative;top:2px;font-weight:normal}@media (max-width: 1100px){#footer .menu .social ul li:before{margin-right:.5em}}#footer .menu .social ul li.instagram:before{content:'i'}#footer .menu .social ul li.twitter:before{content:'t'}#footer .menu .social ul li.facebook:before{content:'f'}#footer .menu .social ul li.dribbble:before{content:'d'}#footer .menu .social ul li.google:before{content:'q'}#footer .menu .social ul li.youtube:before{content:'y'}#footer .menu .social ul li.vimeo:before{content:'v'}#footer .menu .social ul li.flickr:before{content:'k'}#footer .menu .social ul li.github:before{content:'g'}#footer .menu .social ul li.behance:before{content:'b'}#footer .menu .social ul li.trello:before{content:'e'}#footer .menu .social ul li.wordpress:before{content:'w'}#footer .menu .social ul li.ello:before{content:'l'}#footer .menu .social ul li.tumblr:before{content:'m'}#footer .menu .social ul li.skype:before{content:'s'}#footer .menu .social ul li.reddit:before{content:'r'}#footer .menu .social ul li.linkedin:before{content:'n'}#footer .menu .social ul li.stackoverflow:before{content:'o'}#footer .menu .social ul li.pinterest:before{content:'p'}#footer .menu .social ul li.foursquare:before{content:'u'}#footer .menu .social ul li.yelp:before{content:'x'}#legal{position:relative;z-index:10;font-family:Helvetica, Arial, "sans-serif";padding:3em 0;background-color:#03060D;color:#333;font-size:10px;line-height:16px;margin-top:-1px}#legal .logo{position:absolute;top:50%;left:0;width:40px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 1100px){#legal .logo{position:static;margin:20px 0 10px}}#legal .logo path{fill:#333}#legal p{width:750px;max-width:100%;margin:10px 0 10px 70px;padding-left:30px;border-left:1px solid #333}@media (max-width: 1100px){#legal p{margin:0;padding:0;border:none}}h1{width:875px;max-width:100%}h1{font-size:8em;line-height:1em;margin-bottom:.25em}h2{font-size:4em;line-height:1em;margin-bottom:.40em}h3{font-size:2.5em;line-height:1.15em;margin-bottom:.55em}h4{font-size:1.85em;line-height:1em;margin-bottom:.70em}h5{font-size:1.5em;line-height:1em;margin-bottom:.85em}h6{font-size:1em;line-height:1em;margin-bottom:1em}*+h1{margin-top:.25em}*+h2{margin-top:.40em}*+h3{margin-top:.55em}*+h4{margin-top:.70em}*+h5{margin-top:.85em}*+h6{margin-top:1em}#about.section h3,#about.section h4,#about.section h4,#about.section h5,#about.section h6{font-size:3.85em;line-height:.9em;font-weight:700;letter-spacing:-.01em;width:1250px;max-width:100%}#about.section h3 span,#about.section h4 span,#about.section h4 span,#about.section h5 span,#about.section h6 span{color:inherit}@media (max-width: 1250px){#about.section.half-image{background-image:none !important}}#about.section.half-image .inner{width:60%}@media (max-width: 1250px){#about.section.half-image .inner{width:100%}}#about.section.half-image .content{position:static}#about.section.half-image .image{position:absolute;top:0;bottom:0;right:0;width:60%;z-index:1;background-image:url("../images/about4-500.jpg");background-color:#335BC2;background-size:auto 100%;background-position:100% 100%;background-attachment:fixed;background-repeat:no-repeat}@media (min-width: 2501px){#about.section.half-image .image{background-image:url("../images/about4-3000.jpg")}}@media (min-width: 2001px) and (max-width: 2500px){#about.section.half-image .image{background-image:url("../images/about4-2500.jpg")}}@media (min-width: 1501px) and (max-width: 2000px){#about.section.half-image .image{background-image:url("../images/about4-2000.jpg")}}@media (min-width: 1001px) and (max-width: 1500px){#about.section.half-image .image{background-image:url("../images/about4-1500.jpg")}}@media (min-width: 501px) and (max-width: 1000px){#about.section.half-image .image{background-image:url("../images/about4-1000.jpg")}}@media (max-width: 1250px){#about.section.half-image .image{width:100%;opacity:.25}}#skills.section .content{overflow:visible}#skills.section .bars{margin-top:3em}#skills.section .title{color:#335BC2;font-size:2.5em;line-height:1em;margin-bottom:0;transition:.5s ease-out all .5s}@media (max-width: 900px){#skills.section .title{line-height:.75em}}#skills.section .title span{color:inherit}#skills.section.before .bar .item{height:0;transition-duratio:.1s}#skills.section.before .bar .item .name{opacity:0}#skills.section .bar{margin-bottom:2em;width:100%;transition:1s ease-out all}@media (max-width: 900px){#skills.section .bar{margin-bottom:1.35em}}#skills.section .bar .item{position:relative;height:12px;background-color:#f20;margin-bottom:25px;transition:.25s ease-out all;border-radius:10em}@media (min-width: 901px){#skills.section .bar .item{display:inline-block;margin-right:1%}#skills.section .bar .item:hover{background-color:#0F1E44}#skills.section .bar .item:hover .name{font-weight:bold;font-size:1em}#skills.section .bar .item.over .name{opacity:0}}@media (max-width: 900px){#skills.section .bar .item{height:15px;display:block;margin-bottom:2px;white-space:nowrap;width:auto !important}}#skills.section .bar .item:last-of-type{margin-right:0}#skills.section .bar .item .name{color:#0F1E44;position:absolute;font-size:.75em;line-height:1em;top:100%;left:0;right:0;white-space:nowrap;padding:5px 5px 0;transition:.25s ease-out all}@media (max-width: 2000px) and (min-width: 901px){#skills.section .bar .item .name{font-size:.65em}}@media (max-width: 900px){#skills.section .bar .item .name{font-size:.5em;top:50%;padding:0 0 0 5px;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#FFF3DB}}#work.section .list{font-size:1.65em;line-height:1em;margin:1.5em 0 0}#work.section .list ul{margin-left:-1em}#work.section .list ul .item{display:inline-block;margin:0 -21px 0 0}#work.section .list ul .item a,#work.section .list ul .item em{color:#0F1E44;text-decoration:none;display:block;line-height:1.25em;transition:.25s ease-out all;padding:.5em 1em .5em;margin-top:-2px;font-style:normal}#work.section .list ul .item a:hover{color:#FFF3DB;animation-name:flicker-hover;animation-duration:2s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item.over a,#work.section .list ul .item.over em{opacity:.25}#work.section .list ul .item.over a{animation-name:flicker;animation-duration:1s;animation-delay:.5s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item:nth-of-type(1).over a{animation-delay:.1s;animation-duration:2.34s}#work.section .list ul .item:nth-of-type(2).over a{animation-delay:.1s;animation-duration:3.92s}#work.section .list ul .item:nth-of-type(3).over a{animation-delay:.8s;animation-duration:4.73s}#work.section .list ul .item:nth-of-type(4).over a{animation-delay:.5s;animation-duration:1.07s}#work.section .list ul .item:nth-of-type(5).over a{animation-delay:.8s;animation-duration:3.53s}#work.section .list ul .item:nth-of-type(6).over a{animation-delay:.7s;animation-duration:.74s}#work.section .list ul .item:nth-of-type(7).over a{animation-delay:.8s;animation-duration:3.58s}#work.section .list ul .item:nth-of-type(8).over a{animation-delay:.6s;animation-duration:1.27s}#work.section .list ul .item:nth-of-type(9).over a{animation-delay:.8s;animation-duration:2.48s}#work.section .list ul .item:nth-of-type(10).over a{animation-delay:.1s;animation-duration:.32s}#work.section .list ul .item:nth-of-type(11).over a{animation-delay:1s;animation-duration:1.75s}#work.section .list ul .item:nth-of-type(12).over a{animation-delay:.7s;animation-duration:1.17s}#work.section .list ul .item:nth-of-type(13).over a{animation-delay:.1s;animation-duration:3.36s}#work.section .list ul .item:nth-of-type(14).over a{animation-delay:.2s;animation-duration:1s}#work.section .list ul .item:nth-of-type(15).over a{animation-delay:.7s;animation-duration:2.06s}#work.section .list ul .item:nth-of-type(16).over a{animation-delay:.6s;animation-duration:2.66s}#work.section .list ul .item:nth-of-type(17).over a{animation-delay:.7s;animation-duration:2.86s}#work.section .list ul .item:nth-of-type(18).over a{animation-delay:.4s;animation-duration:3.69s}#work.section .list ul .item:nth-of-type(19).over a{animation-delay:.4s;animation-duration:2.23s}#work.section .list ul .item:nth-of-type(20).over a{animation-delay:.1s;animation-duration:.23s}#work.section .list ul .item:nth-of-type(21).over a{animation-delay:.5s;animation-duration:.63s}#work.section .list ul .item:nth-of-type(22).over a{animation-delay:.8s;animation-duration:3.08s}#work.section .list ul .item:nth-of-type(23).over a{animation-delay:.1s;animation-duration:3.68s}#work.section .list ul .item:nth-of-type(24).over a{animation-delay:.9s;animation-duration:1.05s}#work.section .list ul .item:nth-of-type(25).over a{animation-delay:.2s;animation-duration:.34s}#work.section .list ul .item:nth-of-type(26).over a{animation-delay:1s;animation-duration:4.14s}#work.section .list ul .item:nth-of-type(27).over a{animation-delay:.8s;animation-duration:4.23s}#work.section .list ul .item:nth-of-type(28).over a{animation-delay:.8s;animation-duration:.47s}#work.section .list ul .item:nth-of-type(29).over a{animation-delay:.5s;animation-duration:1.81s}#work.section .list ul .item:nth-of-type(30).over a{animation-delay:.4s;animation-duration:3.14s}#work.section .list ul .item:nth-of-type(31).over a{animation-delay:.6s;animation-duration:2.98s}#work.section .list ul .item:nth-of-type(32).over a{animation-delay:1s;animation-duration:2.58s}#work.section .list ul .item:nth-of-type(33).over a{animation-delay:.3s;animation-duration:.31s}#work.section .list ul .item:nth-of-type(34).over a{animation-delay:.6s;animation-duration:4.38s}#work.section .list ul .item:nth-of-type(35).over a{animation-delay:.2s;animation-duration:1.94s}#work.section .list ul .item:nth-of-type(36).over a{animation-delay:.8s;animation-duration:4.9s}#work.section .list ul .item:nth-of-type(37).over a{animation-delay:.6s;animation-duration:1.47s}#work.section .list ul .item:nth-of-type(38).over a{animation-delay:.6s;animation-duration:1.87s}#work.section .list ul .item:nth-of-type(39).over a{animation-delay:.4s;animation-duration:4.93s}#work.section .list ul .item:nth-of-type(40).over a{animation-delay:.3s;animation-duration:3.45s}#work.section .list ul .item:nth-of-type(41).over a{animation-delay:.3s;animation-duration:3.31s}#work.section .list ul .item:nth-of-type(42).over a{animation-delay:.6s;animation-duration:1.15s}#work.section .list ul .item:nth-of-type(43).over a{animation-delay:.9s;animation-duration:1.13s}#work.section .list ul .item:nth-of-type(44).over a{animation-delay:.4s;animation-duration:1.9s}#work.section .list ul .item:nth-of-type(45).over a{animation-delay:.6s;animation-duration:1.63s}#work.section .list ul .item:nth-of-type(46).over a{animation-delay:.1s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(47).over a{animation-delay:.8s;animation-duration:4.04s}#work.section .list ul .item:nth-of-type(48).over a{animation-delay:.7s;animation-duration:1.22s}#work.section .list ul .item:nth-of-type(49).over a{animation-delay:.6s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(50).over a{animation-delay:.9s;animation-duration:1.59s}#experience.section{overflow:hidden}#experience.section .container{display:inline-block;position:relative;margin:2em 0 0;max-width:100%}@media (min-width: 1151px), (max-width: 875px){#experience.section .container{margin:0 !important}}#experience.section .container .circles{position:relative;width:600px;height:600px;border-radius:50%;max-width:100%;z-index:1000}@media (max-width: 1150px) and (min-width: 876px){#experience.section .container .circles{width:400px;height:400px}}@media (max-width: 875px){#experience.section .container .circles{display:none}}#experience.section .container .circles .circle{position:absolute;top:50%;left:50%;border-radius:50%;background-color:#FFF3DB;transition:.5s ease-out all;animation:rotate_this 10s linear infinite reverse}#experience.section .container .circles .circle:nth-of-type(1){background-color:#1b3065;width:16.66667%;height:16.66667%;z-index:5;border-radius:46% 46% 49% 41%}#experience.section .container .circles .circle:nth-of-type(2){background-color:#203979;width:33.33333%;height:33.33333%;z-index:4;border-radius:50% 49% 42% 50%}#experience.section .container .circles .circle:nth-of-type(3){background-color:#25438d;width:50%;height:50%;z-index:3;border-radius:44% 46% 47% 45%}#experience.section .container .circles .circle:nth-of-type(4){background-color:#2b4ca1;width:66.66667%;height:66.66667%;z-index:2;border-radius:48% 44% 41% 50%}#experience.section .container .circles .circle:nth-of-type(5){background-color:#3056b5;width:83.33333%;height:83.33333%;z-index:1;border-radius:46% 49% 48% 46%}#experience.section .container .circles .circle:nth-of-type(6){background-color:#335BC2;width:100%;height:100%;z-index:0;border-radius:46% 48% 48% 41%}#experience.section .container .circles .circle:hover{background-color:#f20 !important;transition:.25s ease-out all}#experience.section .container .circles .circle:last-of-type,#experience.section .container .circles .circle:last-of-type:hover{box-shadow:none}#experience.section .container .titles{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;color:#0F1E44;z-index:10000}@media (max-width: 875px){#experience.section .container .titles{position:static;margin:3em 0;pointer-events:auto}}#experience.section .container .titles .title{position:absolute;top:12px;left:105%;white-space:nowrap;width:100%;padding:.25em .5em;font-size:.75em;line-height:1em;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 875px){#experience.section .container .titles .title{position:relative;top:auto;left:0;white-space:normal;font-size:1.25em;line-height:1.35em;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;margin-bottom:1em;padding:0 0 0 1em}}#experience.section .container .titles .title:nth-of-type(1){top:43.66667%;z-index:105}#experience.section .container .titles .title:nth-of-type(2){top:35.33333%;z-index:104}#experience.section .container .titles .title:nth-of-type(3){top:27%;z-index:103}#experience.section .container .titles .title:nth-of-type(4){top:18.66667%;z-index:102}#experience.section .container .titles .title:nth-of-type(5){top:10.33333%;z-index:101}#experience.section .container .titles .title:nth-of-type(6){top:2%;z-index:100}@media (min-width: 876px){#experience.section .container .titles .title .title-inner{display:inline}}#experience.section .container .titles .title span{display:inline-block;vertical-align:middle}@media (max-width: 875px){#experience.section .container .titles .title span{vertical-align:text-bottom}}#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{text-transform:uppercase}@media (max-width: 875px){#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";display:block}}@media (max-width: 875px){#experience.section .container .titles .title span.start{font-size:3em;line-height:.9em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{font-size:2em;line-height:.65em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{color:#f20}}#experience.section .container .titles .title span.divider{margin:0 .5em;font-size:.85em}@media (max-width: 875px){#experience.section .container .titles .title span.divider{display:none}}#experience.section .container .titles .title span.name{pointer-events:all}@media (max-width: 875px){#experience.section .container .titles .title span.name{display:block;font-size:1em;line-height:1em}}#experience.section .container .titles .title span.name,#experience.section .container .titles .title span.name a{font-weight:bold;color:#0F1E44}#experience.section .container .titles .title span.name a{text-decoration:none}#experience.section .container .titles .title span.name a:hover{color:#f20}#experience.section .container .titles .title span.name:before{content:'';display:inline-block;vertical-align:middle;width:20px;margin:0 .5em;height:2px;background-color:#0F1E44}@media (max-width: 875px){#experience.section .container .titles .title span.name:before{display:none}}#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{content:'';position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0F1E44;vertical-align:middle;display:inline-block}@media (max-width: 875px){#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{top:16px;background-color:#335BC2}}#experience.section .container .titles .title:before{right:100%;width:55%;height:2px}@media (max-width: 875px){#experience.section .container .titles .title:before{width:2em}}#experience.section .container .titles .title:after{right:155%;width:6px;height:6px;border-radius:50%}@media (max-width: 875px){#experience.section .container .titles .title:after{left:0;width:10px;height:10px}}.blank-section{position:relative;display:block;width:100%;z-index:1}.blank-section.overflowhidden{overflow:hidden}.blank-section .quote{position:absolute;top:50%;left:0;right:0;z-index:100;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}.blank-section .quote .logo{width:100px;max-width:90%;display:inline-block}.blank-section .quote .logo.blue path{fill:#335BC2}.blank-section .quote .logo.red path{fill:#f20}.blank-section .quote .logo.cream path{fill:#FFF3DB}.blank-section .quote .text{color:#FFF3DB;font-weight:700;font-size:6em;line-height:1em;text-transform:lowercase}@media (max-width: 1000px) and (min-width: 501px){.blank-section .quote .text{font-size:5em}}@media (max-width: 500px){.blank-section .quote .text{font-size:4em}}#collage.section{padding-bottom:0;margin-bottom:0}#collage.section .inner{margin-bottom:5em}#collage.section .instagram{background-color:#fff}#collage.section .instagram .slide{transition:.25s ease-out all;background-color:#fff}#collage.section .instagram .slide img{mix-blend-mode:multiply}#collage.section .instagram .slide:hover{background-color:#f20}#collage.section .instagram .slide:hover img{filter:saturate(0)}.hide-object,#contact.section #object.name .arroba,#contact.section #object.name .nickname,#contact.section #object.name .extension,#contact.section #object.name a .arroba,#contact.section #object.name a .nickname,#contact.section #object.name a .extension,#contact.section #object.name a:hover .arroba,#contact.section #object.name a:hover .nickname,#contact.section #object.name a:hover .extension,#contact.section #object.instagram .name,#contact.section #object.instagram .extension,#contact.section #object.instagram a .name,#contact.section #object.instagram a .extension,#contact.section #object.instagram a:hover .name,#contact.section #object.instagram a:hover .extension,#contact.section #object.web .name,#contact.section #object.web .arroba,#contact.section #object.web a .name,#contact.section #object.web a .arroba,#contact.section #object.web a:hover .name,#contact.section #object.web a:hover .arroba{opacity:.1}#contact.section{position:relative;z-index:100;padding:2.5em 0;background-color:rgba(255,243,219,0.95);text-align:center}#contact.section .object-menu{position:relative;z-index:10;margin-bottom:1em}#contact.section .object-menu ul li{display:inline-block;margin:0;text-transform:uppercase}@media (max-width: 600px){#contact.section .object-menu ul li{font-size:1.5em;line-height:1em;margin:0 0 1em}}#contact.section .object-menu ul li a{color:#0F1E44;text-decoration:none;padding:.5em 1em}@media (max-width: 600px){#contact.section .object-menu ul li a{padding:0}}#contact.section .object-menu ul li a:hover{color:#f20}#contact.section .object-menu ul li a em{font-style:normal;padding:.1em .45em;transition:.15s ease-out all}#contact.section .object-menu ul li.active a,#contact.section .object-menu ul li.active a:hover{text-decoration:none}#contact.section .object-menu ul li.active a em,#contact.section .object-menu ul li.active a:hover em{color:#FFF3DB;background-color:#f20}#contact.section #object{position:relative;z-index:1;font-size:3em;line-height:1em;height:400px}@media (min-width: 1501px){#contact.section #object{height:500px}}@media (min-width: 1001px) and (max-width: 1500px){#contact.section #object{height:400px}}@media (min-width: 601px) and (max-width: 1000px){#contact.section #object{height:300px}}#contact.section #object .object-inner{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:500px;width:100%;height:50px}@media (max-width: 600px){#contact.section #object .object-inner{-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}}#contact.section #object a{color:#0F1E44;display:block;text-decoration:none;position:relative;top:0}@media (max-width: 600px){#contact.section #object a{transition-duration:.35s}}#contact.section #object a[href]:hover em{color:#335BC2}#contact.section #object a.hide{top:2em;opacity:0;pointer-events:none}@media (max-width: 600px){#contact.section #object a.hide{top:0}}#contact.section #object a.second{-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}#contact.section #object a.second em{margin:0 .1em}#contact.section #object em{display:inline-block;transition:.25s ease-out all;font-style:normal}#contact.section #object.name{cursor:default}#cookies{position:fixed;top:0;bottom:0;right:0;width:90px;z-index:1000000000;background-color:#0F1E44;color:#f20;font-size:.5em;line-height:1.65em;overflow:hidden;-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}#cookies.show{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#cookies .close{position:absolute;top:0;left:0;right:0;display:block;height:110px;cursor:pointer;z-index:1000000}#cookies .close:before,#cookies .close:after{content:'';position:absolute;top:50%;left:50%;width:50px;height:4px;background-color:#FFF3DB;transition:.5s ease-out all;cursor:pointer}#cookies .close:before{-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}#cookies .close:after{-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#cookies .close:hover:before,#cookies .close:hover:after{-moz-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg);width:40px}#cookies .content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);width:750px;padding:35px 90px 35px 25px}#cookies .content p{margin:0}#cookies .content a{color:inherit}#cookies .content a:hover{color:#335BC2}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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Social Icons";font-display:swap;src:url("../fonts/social.eot");src:url("../fonts/social.eot?#iefix") format("embedded-opentype"),url("../fonts/social.woff") format("woff"),url("../fonts/social.ttf") format("truetype"),url("../fonts/social.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:bold}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Light.eot");src:url("../fonts/IBMPlexMono-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Light.woff") format("woff"),url("../fonts/IBMPlexMono-Light.ttf") format("truetype"),url("../fonts/IBMPlexMono-Light.svg") format("svg");font-style:normal;font-weight:100}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Regular.eot");src:url("../fonts/IBMPlexMono-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Regular.woff") format("woff"),url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"),url("../fonts/IBMPlexMono-Regular.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold.eot");src:url("../fonts/IBMPlexMono-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-SemiBold.woff") format("woff"),url("../fonts/IBMPlexMono-SemiBold.ttf") format("truetype"),url("../fonts/IBMPlexMono-SemiBold.svg") format("svg");font-style:normal;font-weight:bold}@-webkit-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-moz-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-ms-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-o-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-ms-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-moz-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-ms-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-o-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-moz-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-ms-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-o-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box;font-size:1em}::selection{background:#335BC2;color:#f20}::-moz-selection{background:#335BC2;color:#f20}body{font-family:'IBM Plex Mono', Helvetica, Arial, "sans-serif";font-size:22px;line-height:36px;letter-spacing:.05em;background-color:#FFF3DB;color:#0F1E44}body.footer{background-color:#03060D}@media (max-width: 1500px) and (min-width: 1001px){body{font-size:20px;line-height:32px;letter-spacing:.04em}}@media (max-width: 1000px) and (min-width: 751px){body{font-size:18px;line-height:28px;letter-spacing:.03em}}@media (max-width: 750px) and (min-width: 551px){body{font-size:16px;line-height:25px;letter-spacing:.02em}}@media (max-width: 550px){body{font-size:14px;line-height:22px;letter-spacing:.01em}}h3,h4,h5,h6{color:#335BC2}h3 span,h4 span,h5 span,h6 span{color:#f20}h1 em{color:#f20}h2 em,h3 em,h4 em,h5 em,h6 em{color:#335BC2;transition:.25s ease-out all}h2:hover em,h3:hover em,h4:hover em,h5:hover em,h6:hover em{color:inherit}p{margin-bottom:1.5em}strong,b{font-weight:bold}em,i{font-style:normal}img,svg{max-width:100%;height:auto}a{color:inherit;font-weight:bold;text-decoration:underline;transition:.15s ease-out all}a[href]:hover{color:#f20}.oranje-txt{color:#f20 !important}.blue-txt{color:#335BC2 !important}.cream-txt{color:#FFF3DB !important}.blue-section,#about.section,#work.section,#collage.section,#contact.section{background:#335BC2;color:#FFF3DB}.blue-section h2,#about.section h2,#work.section h2,#collage.section h2,#contact.section h2,.blue-section h3,#about.section h3,#work.section h3,#collage.section h3,#contact.section h3,.blue-section h4,#about.section h4,#work.section h4,#collage.section h4,#contact.section h4,.blue-section h5,#about.section h5,#work.section h5,#collage.section h5,#contact.section h5,.blue-section h6,#about.section h6,#work.section h6,#collage.section h6,#contact.section h6{color:#0F1E44}.blue-section h2 em,#about.section h2 em,#work.section h2 em,#collage.section h2 em,#contact.section h2 em,.blue-section h3 em,#about.section h3 em,#work.section h3 em,#collage.section h3 em,#contact.section h3 em,.blue-section h4 em,#about.section h4 em,#work.section h4 em,#collage.section h4 em,#contact.section h4 em,.blue-section h5 em,#about.section h5 em,#work.section h5 em,#collage.section h5 em,#contact.section h5 em,.blue-section h6 em,#about.section h6 em,#work.section h6 em,#collage.section h6 em,#contact.section h6 em{color:#f20}.blue-section h2:hover em,#about.section h2:hover em,#work.section h2:hover em,#collage.section h2:hover em,#contact.section h2:hover em,.blue-section h3:hover em,#about.section h3:hover em,#work.section h3:hover em,#collage.section h3:hover em,#contact.section h3:hover em,.blue-section h4:hover em,#about.section h4:hover em,#work.section h4:hover em,#collage.section h4:hover em,#contact.section h4:hover em,.blue-section h5:hover em,#about.section h5:hover em,#work.section h5:hover em,#collage.section h5:hover em,#contact.section h5:hover em,.blue-section h6:hover em,#about.section h6:hover em,#work.section h6:hover em,#collage.section h6:hover em,#contact.section h6:hover em{color:inherit}.orange-section{background:#f20;color:#FFF3DB}.orange-section h2,.orange-section h3,.orange-section h4,.orange-section h5,.orange-section h6{color:#0F1E44}.orange-section h2 em,.orange-section h3 em,.orange-section h4 em,.orange-section h5 em,.orange-section h6 em{color:#FFF3DB}.times,#about.section h3,#about.section h4,#about.section h5,#about.section h6,.blank-section .quote .text{font-family:Times, serif;font-display:swap}.peace,h1,h2,#footer .menu .title,#skills.section .title{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";font-weight:bold;text-transform:uppercase;font-display:swap}#wrapper{position:relative;z-index:100;overflow:hidden}@media (max-width: 760px){#wrapper{margin:0 !important}}#wrapper .section{position:relative;padding:10em 0}@media (max-width: 1500px) and (min-width: 1001px){#wrapper .section{padding:7.5em 0}}@media (max-width: 1000px){#wrapper .section{padding:5em 0}}#wrapper .content{width:2000px;max-width:90%;margin:0 auto;position:relative}#wrapper .inner{width:60%;max-width:100%;position:relative;z-index:100}@media (max-width: 1250px){#wrapper .inner{width:100%}}#wrapper .inner a{display:inline-block;background-color:#338;text-decoration:none;padding:.2em .15em;line-height:1em}#wrapper .inner a:hover{color:inherit;background-color:#f20}#liquid-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}#liquid-wrapper #liquid{width:120%;height:130%;margin:-5%}#liquid-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#FFF3DB}.cursor{position:absolute;top:-100px;left:-100px;pointer-events:none;transition:.35s ease-out all;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:42px;height:42px;background-color:transparent;border:3px solid #335BC2;border-radius:50%}.cursor#general-cursor{z-index:10000000000000000}.cursor#general-cursor:hover{width:100px;height:100px}.cursor#general-cursor:after,.cursor#general-cursor:before{content:'';position:absolute;transition:.25s ease-out all;border-radius:50%;border-style:solid}.cursor#general-cursor:before{top:0;left:0;right:0;bottom:0;margin:-4px;border-width:2px;border-color:#335BC2 transparent transparent transparent}.cursor#general-cursor:after{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;border-width:2px;border-color:#335BC2}.cursor#general-cursor.click,.cursor#general-cursor.hover{width:0;height:0;border-width:0;border-radius:50% !important}.cursor#general-cursor.click:after{width:10px;height:10px}.cursor#general-cursor.hover:after{border-width:0}.cursor#general-cursor.hide{transition-duration:.25s;width:80px;height:80px;opacity:0;border-radius:50% !important}.cursor#general-cursor.oposite{border-color:#FFF3DB}.cursor#general-cursor.oposite:before{border-color:#FFF3DB transparent transparent transparent}.cursor#general-cursor.oposite:after{border-color:#FFF3DB}.cursor#general-cursor.loading:before{margin:-9px;animation:spin infinite .75s ease-out}.cursor#general-cursor.loading.click:before,.cursor#general-cursor.loading.hover:before{margin:-20px}.cursor#general-cursor.loadinghide:before{display:none}.cursor#blank-cursor{z-index:1;width:500px;height:500px;background-color:#335BC2;border-width:0;transition-duration:2s}@media (max-width: 1250px) and (min-width: 751px){.cursor#blank-cursor{width:400px;height:400px}}@media (max-width: 750px){.cursor#blank-cursor{width:300px;height:300px}}#progress{position:fixed;top:0;left:0;right:0;z-index:10000000000;pointer-events:none}#progress div{position:relative;display:block;width:0%;height:4px;background-color:#f20}#header{position:relative}#header .promsite{position:absolute;top:0;right:0;margin:.5em .3em 0 0;z-index:1000000000}#header .promsite a,#header .promsite img{display:block}#header .inner{width:1000px;max-width:100%;min-height:3000px;transition:1s cubic-bezier(0.19, 1, 0.22, 1) all}#header .header-content{position:absolute;bottom:0;left:0;right:0;padding:10% 0}#header #logo{width:150px;margin-bottom:100px}@media (max-width: 550px){#header #logo{width:75px;margin-bottom:25px}}#header #logo path{fill:#335BC2}#header .title{font-size:6em;line-height:.9em;margin:0;width:100%}@media (max-width: 1500px) and (min-width: 1001px){#header .title{font-size:5.5em}}@media (max-width: 1000px) and (min-width: 751px){#header .title{font-size:5em}}@media (max-width: 750px) and (min-width: 551px){#header .title{font-size:4.5em}}@media (max-width: 550px) and (min-width: 451px){#header .title{font-size:4em}}@media (max-width: 450px) and (min-width: 351px){#header .title{font-size:3.4em}}@media (max-width: 350px){#header .title{font-size:2.9em}}#header .title span{line-height:.8em}#header .title .line-1{font-size:0.950em}#header .title .line-2{font-size:1.255em}#header .title .line-3{font-size:1.225em}#header .title .line-4{font-size:1.084em}#footer{position:relative;z-index:10;padding:5em 0;color:#FFF3DB;font-size:.85em;line-height:1.5em;background-color:#1A1A1F}@media (max-width: 1100px){#footer{padding:4em 0 5em}}#footer a{font-weight:100;color:#f0ebda;text-decoration:none}#footer a:hover{color:#f20}#footer .logo{position:absolute;top:0;right:0}@media (max-width: 1100px){#footer .logo{display:none}}#footer .logo svg{width:100px}#footer .logo svg path{fill:#f20}@media (max-width: 1100px){#footer .logo svg{width:50px}}#footer .menu{display:block;vertical-align:top;padding-right:150px}@media (max-width: 1300px) and (min-width: 1101px){#footer .menu{padding-right:90px}}@media (max-width: 1100px){#footer .menu{padding:0}}#footer .menu .title{font-size:2em;line-height:1em;margin-bottom:1em;color:#FFF3DB}#footer .menu .title span{display:inline-block;position:relative}#footer .menu .title span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#FFF3DB}#footer .menu ul{width:100%}#footer .menu ul li{display:inline-block;margin-right:5%;vertical-align:top;position:relative}@media (max-width: 1100px){#footer .menu ul li{display:block;width:100%;margin-bottom:3em}}#footer .menu ul li:last-child{margin-right:0}@media (max-width: 1100px){#footer .menu ul li:last-child{margin-bottom:0}}#footer .menu ul ul li{display:block;width:auto;margin:0 0 .25em}@media (max-width: 1100px){#footer .menu ul ul li{display:inline-block;margin:0 1em 0 0;line-height:1.85em}}#footer .menu ul ul li a{color:#FFF3DB}#footer .menu ul ul li:before{content:'#';color:#f20;margin-right:.5em}@media (max-width: 1160px){#footer .menu ul ul li:before{margin-right:.25em}}#footer .menu ul ul li:hover a,#footer .menu ul ul li:hover:before{color:#335BC2}#footer .menu .social ul li:before{font-family:'Social Icons', Helvetica, Arial, "sans-serif";position:relative;top:2px;font-weight:normal}@media (max-width: 1100px){#footer .menu .social ul li:before{margin-right:.5em}}#footer .menu .social ul li.instagram:before{content:'i'}#footer .menu .social ul li.twitter:before{content:'t'}#footer .menu .social ul li.facebook:before{content:'f'}#footer .menu .social ul li.dribbble:before{content:'d'}#footer .menu .social ul li.google:before{content:'q'}#footer .menu .social ul li.youtube:before{content:'y'}#footer .menu .social ul li.vimeo:before{content:'v'}#footer .menu .social ul li.flickr:before{content:'k'}#footer .menu .social ul li.github:before{content:'g'}#footer .menu .social ul li.behance:before{content:'b'}#footer .menu .social ul li.trello:before{content:'e'}#footer .menu .social ul li.wordpress:before{content:'w'}#footer .menu .social ul li.ello:before{content:'l'}#footer .menu .social ul li.tumblr:before{content:'m'}#footer .menu .social ul li.skype:before{content:'s'}#footer .menu .social ul li.reddit:before{content:'r'}#footer .menu .social ul li.linkedin:before{content:'n'}#footer .menu .social ul li.stackoverflow:before{content:'o'}#footer .menu .social ul li.pinterest:before{content:'p'}#footer .menu .social ul li.foursquare:before{content:'u'}#footer .menu .social ul li.yelp:before{content:'x'}#legal{position:relative;z-index:10;font-family:Helvetica, Arial, "sans-serif";padding:3em 0;background-color:#03060D;color:#333;font-size:10px;line-height:16px;margin-top:-1px}#legal .logo{position:absolute;top:50%;left:0;width:40px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 1100px){#legal .logo{position:static;margin:20px 0 10px}}#legal .logo path{fill:#333}#legal p{width:750px;max-width:100%;margin:10px 0 10px 70px;padding-left:30px;border-left:1px solid #333}@media (max-width: 1100px){#legal p{margin:0;padding:0;border:none}}h1{width:875px;max-width:100%}h1{font-size:8em;line-height:1em;margin-bottom:.25em}h2{font-size:4em;line-height:1em;margin-bottom:.40em}h3{font-size:2.5em;line-height:1.15em;margin-bottom:.55em}h4{font-size:1.85em;line-height:1em;margin-bottom:.70em}h5{font-size:1.5em;line-height:1em;margin-bottom:.85em}h6{font-size:1em;line-height:1em;margin-bottom:1em}*+h1{margin-top:.25em}*+h2{margin-top:.40em}*+h3{margin-top:.55em}*+h4{margin-top:.70em}*+h5{margin-top:.85em}*+h6{margin-top:1em}#about.section h3,#about.section h4,#about.section h4,#about.section h5,#about.section h6{font-size:3.85em;line-height:.9em;font-weight:700;letter-spacing:-.01em;width:1250px;max-width:100%}#about.section h3 span,#about.section h4 span,#about.section h4 span,#about.section h5 span,#about.section h6 span{color:inherit}@media (max-width: 1250px){#about.section.half-image{background-image:none !important}}#about.section.half-image .inner{width:60%}@media (max-width: 1250px){#about.section.half-image .inner{width:100%}}#about.section.half-image .content{position:static}#about.section.half-image .image{position:absolute;top:0;bottom:0;right:0;width:60%;z-index:1;background-image:url("../images/about4-500.jpg");background-color:#335BC2;background-size:auto 100%;background-position:100% 100%;background-attachment:fixed;background-repeat:no-repeat}@media (min-width: 2501px){#about.section.half-image .image{background-image:url("../images/about4-3000.jpg")}}@media (min-width: 2001px) and (max-width: 2500px){#about.section.half-image .image{background-image:url("../images/about4-2500.jpg")}}@media (min-width: 1501px) and (max-width: 2000px){#about.section.half-image .image{background-image:url("../images/about4-2000.jpg")}}@media (min-width: 1001px) and (max-width: 1500px){#about.section.half-image .image{background-image:url("../images/about4-1500.jpg")}}@media (min-width: 501px) and (max-width: 1000px){#about.section.half-image .image{background-image:url("../images/about4-1000.jpg")}}@media (max-width: 1250px){#about.section.half-image .image{width:100%;opacity:.25}}#skills.section .content{overflow:visible}#skills.section .bars{margin-top:3em}#skills.section .title{color:#335BC2;font-size:2.5em;line-height:1em;margin-bottom:0;transition:.5s ease-out all .5s}@media (max-width: 900px){#skills.section .title{line-height:.75em}}#skills.section .title span{color:inherit}#skills.section.before .bar .item{height:0;transition-duratio:.1s}#skills.section.before .bar .item .name{opacity:0}#skills.section .bar{margin-bottom:2em;width:100%;transition:1s ease-out all}@media (max-width: 900px){#skills.section .bar{margin-bottom:1.35em}}#skills.section .bar .item{position:relative;height:12px;background-color:#f20;margin-bottom:25px;transition:.25s ease-out all;border-radius:10em}@media (min-width: 901px){#skills.section .bar .item{display:inline-block;margin-right:1%}#skills.section .bar .item:hover{background-color:#0F1E44}#skills.section .bar .item:hover .name{font-weight:bold;font-size:1em}#skills.section .bar .item.over .name{opacity:0}}@media (max-width: 900px){#skills.section .bar .item{height:15px;display:block;margin-bottom:2px;white-space:nowrap;width:auto !important}}#skills.section .bar .item:last-of-type{margin-right:0}#skills.section .bar .item .name{color:#0F1E44;position:absolute;font-size:.75em;line-height:1em;top:100%;left:0;right:0;white-space:nowrap;padding:5px 5px 0;transition:.25s ease-out all}@media (max-width: 2000px) and (min-width: 901px){#skills.section .bar .item .name{font-size:.65em}}@media (max-width: 900px){#skills.section .bar .item .name{font-size:.5em;top:50%;padding:0 0 0 5px;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#FFF3DB}}#work.section .list{font-size:1.65em;line-height:1em;margin:1.5em 0 0}#work.section .list ul{margin-left:-1em}#work.section .list ul .item{display:inline-block;margin:0 -21px 0 0}#work.section .list ul .item a,#work.section .list ul .item em{color:#0F1E44;text-decoration:none;display:block;line-height:1.25em;transition:.25s ease-out all;padding:.5em 1em .5em;margin-top:-2px;font-style:normal}#work.section .list ul .item a:hover{color:#FFF3DB;animation-name:flicker-hover;animation-duration:2s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item.over a,#work.section .list ul .item.over em{opacity:.25}#work.section .list ul .item.over a{animation-name:flicker;animation-duration:1s;animation-delay:.5s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item:nth-of-type(1).over a{animation-delay:.1s;animation-duration:2.34s}#work.section .list ul .item:nth-of-type(2).over a{animation-delay:.1s;animation-duration:3.92s}#work.section .list ul .item:nth-of-type(3).over a{animation-delay:.8s;animation-duration:4.73s}#work.section .list ul .item:nth-of-type(4).over a{animation-delay:.5s;animation-duration:1.07s}#work.section .list ul .item:nth-of-type(5).over a{animation-delay:.8s;animation-duration:3.53s}#work.section .list ul .item:nth-of-type(6).over a{animation-delay:.7s;animation-duration:.74s}#work.section .list ul .item:nth-of-type(7).over a{animation-delay:.8s;animation-duration:3.58s}#work.section .list ul .item:nth-of-type(8).over a{animation-delay:.6s;animation-duration:1.27s}#work.section .list ul .item:nth-of-type(9).over a{animation-delay:.8s;animation-duration:2.48s}#work.section .list ul .item:nth-of-type(10).over a{animation-delay:.1s;animation-duration:.32s}#work.section .list ul .item:nth-of-type(11).over a{animation-delay:1s;animation-duration:1.75s}#work.section .list ul .item:nth-of-type(12).over a{animation-delay:.7s;animation-duration:1.17s}#work.section .list ul .item:nth-of-type(13).over a{animation-delay:.1s;animation-duration:3.36s}#work.section .list ul .item:nth-of-type(14).over a{animation-delay:.2s;animation-duration:1s}#work.section .list ul .item:nth-of-type(15).over a{animation-delay:.7s;animation-duration:2.06s}#work.section .list ul .item:nth-of-type(16).over a{animation-delay:.6s;animation-duration:2.66s}#work.section .list ul .item:nth-of-type(17).over a{animation-delay:.7s;animation-duration:2.86s}#work.section .list ul .item:nth-of-type(18).over a{animation-delay:.4s;animation-duration:3.69s}#work.section .list ul .item:nth-of-type(19).over a{animation-delay:.4s;animation-duration:2.23s}#work.section .list ul .item:nth-of-type(20).over a{animation-delay:.1s;animation-duration:.23s}#work.section .list ul .item:nth-of-type(21).over a{animation-delay:.5s;animation-duration:.63s}#work.section .list ul .item:nth-of-type(22).over a{animation-delay:.8s;animation-duration:3.08s}#work.section .list ul .item:nth-of-type(23).over a{animation-delay:.1s;animation-duration:3.68s}#work.section .list ul .item:nth-of-type(24).over a{animation-delay:.9s;animation-duration:1.05s}#work.section .list ul .item:nth-of-type(25).over a{animation-delay:.2s;animation-duration:.34s}#work.section .list ul .item:nth-of-type(26).over a{animation-delay:1s;animation-duration:4.14s}#work.section .list ul .item:nth-of-type(27).over a{animation-delay:.8s;animation-duration:4.23s}#work.section .list ul .item:nth-of-type(28).over a{animation-delay:.8s;animation-duration:.47s}#work.section .list ul .item:nth-of-type(29).over a{animation-delay:.5s;animation-duration:1.81s}#work.section .list ul .item:nth-of-type(30).over a{animation-delay:.4s;animation-duration:3.14s}#work.section .list ul .item:nth-of-type(31).over a{animation-delay:.6s;animation-duration:2.98s}#work.section .list ul .item:nth-of-type(32).over a{animation-delay:1s;animation-duration:2.58s}#work.section .list ul .item:nth-of-type(33).over a{animation-delay:.3s;animation-duration:.31s}#work.section .list ul .item:nth-of-type(34).over a{animation-delay:.6s;animation-duration:4.38s}#work.section .list ul .item:nth-of-type(35).over a{animation-delay:.2s;animation-duration:1.94s}#work.section .list ul .item:nth-of-type(36).over a{animation-delay:.8s;animation-duration:4.9s}#work.section .list ul .item:nth-of-type(37).over a{animation-delay:.6s;animation-duration:1.47s}#work.section .list ul .item:nth-of-type(38).over a{animation-delay:.6s;animation-duration:1.87s}#work.section .list ul .item:nth-of-type(39).over a{animation-delay:.4s;animation-duration:4.93s}#work.section .list ul .item:nth-of-type(40).over a{animation-delay:.3s;animation-duration:3.45s}#work.section .list ul .item:nth-of-type(41).over a{animation-delay:.3s;animation-duration:3.31s}#work.section .list ul .item:nth-of-type(42).over a{animation-delay:.6s;animation-duration:1.15s}#work.section .list ul .item:nth-of-type(43).over a{animation-delay:.9s;animation-duration:1.13s}#work.section .list ul .item:nth-of-type(44).over a{animation-delay:.4s;animation-duration:1.9s}#work.section .list ul .item:nth-of-type(45).over a{animation-delay:.6s;animation-duration:1.63s}#work.section .list ul .item:nth-of-type(46).over a{animation-delay:.1s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(47).over a{animation-delay:.8s;animation-duration:4.04s}#work.section .list ul .item:nth-of-type(48).over a{animation-delay:.7s;animation-duration:1.22s}#work.section .list ul .item:nth-of-type(49).over a{animation-delay:.6s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(50).over a{animation-delay:.9s;animation-duration:1.59s}#experience.section{overflow:hidden}#experience.section .container{display:inline-block;position:relative;margin:2em 0 0;max-width:100%}@media (min-width: 1151px), (max-width: 875px){#experience.section .container{margin:0 !important}}#experience.section .container .circles{position:relative;width:600px;height:600px;border-radius:50%;max-width:100%;z-index:1000}@media (max-width: 1150px) and (min-width: 876px){#experience.section .container .circles{width:400px;height:400px}}@media (max-width: 875px){#experience.section .container .circles{display:none}}#experience.section .container .circles .circle{position:absolute;top:50%;left:50%;border-radius:50%;background-color:#FFF3DB;transition:.5s ease-out all;animation:rotate_this 10s linear infinite reverse}#experience.section .container .circles .circle:nth-of-type(1){background-color:#1b3065;width:16.66667%;height:16.66667%;z-index:5;border-radius:46% 46% 49% 41%}#experience.section .container .circles .circle:nth-of-type(2){background-color:#203979;width:33.33333%;height:33.33333%;z-index:4;border-radius:50% 49% 42% 50%}#experience.section .container .circles .circle:nth-of-type(3){background-color:#25438d;width:50%;height:50%;z-index:3;border-radius:44% 46% 47% 45%}#experience.section .container .circles .circle:nth-of-type(4){background-color:#2b4ca1;width:66.66667%;height:66.66667%;z-index:2;border-radius:48% 44% 41% 50%}#experience.section .container .circles .circle:nth-of-type(5){background-color:#3056b5;width:83.33333%;height:83.33333%;z-index:1;border-radius:46% 49% 48% 46%}#experience.section .container .circles .circle:nth-of-type(6){background-color:#335BC2;width:100%;height:100%;z-index:0;border-radius:46% 48% 48% 41%}#experience.section .container .circles .circle:hover{background-color:#f20 !important;transition:.25s ease-out all}#experience.section .container .circles .circle:last-of-type,#experience.section .container .circles .circle:last-of-type:hover{box-shadow:none}#experience.section .container .titles{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;color:#0F1E44;z-index:10000}@media (max-width: 875px){#experience.section .container .titles{position:static;margin:3em 0;pointer-events:auto}}#experience.section .container .titles .title{position:absolute;top:12px;left:105%;white-space:nowrap;width:100%;padding:.25em .5em;font-size:.75em;line-height:1em;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 875px){#experience.section .container .titles .title{position:relative;top:auto;left:0;white-space:normal;font-size:1.25em;line-height:1.35em;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;margin-bottom:1em;padding:0 0 0 1em}}#experience.section .container .titles .title:nth-of-type(1){top:43.66667%;z-index:105}#experience.section .container .titles .title:nth-of-type(2){top:35.33333%;z-index:104}#experience.section .container .titles .title:nth-of-type(3){top:27%;z-index:103}#experience.section .container .titles .title:nth-of-type(4){top:18.66667%;z-index:102}#experience.section .container .titles .title:nth-of-type(5){top:10.33333%;z-index:101}#experience.section .container .titles .title:nth-of-type(6){top:2%;z-index:100}@media (min-width: 876px){#experience.section .container .titles .title .title-inner{display:inline}}#experience.section .container .titles .title span{display:inline-block;vertical-align:middle}@media (max-width: 875px){#experience.section .container .titles .title span{vertical-align:text-bottom}}#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{text-transform:uppercase}@media (max-width: 875px){#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";display:block}}@media (max-width: 875px){#experience.section .container .titles .title span.start{font-size:3em;line-height:.9em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{font-size:2em;line-height:.65em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{color:#f20}}#experience.section .container .titles .title span.divider{margin:0 .5em;font-size:.85em}@media (max-width: 875px){#experience.section .container .titles .title span.divider{display:none}}#experience.section .container .titles .title span.name{pointer-events:all}@media (max-width: 875px){#experience.section .container .titles .title span.name{display:block;font-size:1em;line-height:1em}}#experience.section .container .titles .title span.name,#experience.section .container .titles .title span.name a{font-weight:bold;color:#0F1E44}#experience.section .container .titles .title span.name a{text-decoration:none}#experience.section .container .titles .title span.name a:hover{color:#f20}#experience.section .container .titles .title span.name:before{content:'';display:inline-block;vertical-align:middle;width:20px;margin:0 .5em;height:2px;background-color:#0F1E44}@media (max-width: 875px){#experience.section .container .titles .title span.name:before{display:none}}#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{content:'';position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0F1E44;vertical-align:middle;display:inline-block}@media (max-width: 875px){#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{top:16px;background-color:#335BC2}}#experience.section .container .titles .title:before{right:100%;width:55%;height:2px}@media (max-width: 875px){#experience.section .container .titles .title:before{width:2em}}#experience.section .container .titles .title:after{right:155%;width:6px;height:6px;border-radius:50%}@media (max-width: 875px){#experience.section .container .titles .title:after{left:0;width:10px;height:10px}}.blank-section{position:relative;display:block;width:100%;z-index:1}.blank-section.overflowhidden{overflow:hidden}.blank-section .quote{position:absolute;top:50%;left:0;right:0;z-index:100;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}.blank-section .quote .logo{width:100px;max-width:90%;display:inline-block}.blank-section .quote .logo.blue path{fill:#335BC2}.blank-section .quote .logo.red path{fill:#f20}.blank-section .quote .logo.cream path{fill:#FFF3DB}.blank-section .quote .text{color:#FFF3DB;font-weight:700;font-size:6em;line-height:1em;text-transform:lowercase}@media (max-width: 1000px) and (min-width: 501px){.blank-section .quote .text{font-size:5em}}@media (max-width: 500px){.blank-section .quote .text{font-size:4em}}#collage.section{padding-bottom:0;margin-bottom:0}#collage.section .inner{margin-bottom:5em}#collage.section .instagram{background-color:#fff}#collage.section .instagram .slide{transition:.25s ease-out all;background-color:#fff}#collage.section .instagram .slide img{mix-blend-mode:multiply}#collage.section .instagram .slide:hover{background-color:#f20}#collage.section .instagram .slide:hover img{filter:saturate(0)}.hide-object,#contact.section #object.name .arroba,#contact.section #object.name .nickname,#contact.section #object.name .extension,#contact.section #object.name a .arroba,#contact.section #object.name a .nickname,#contact.section #object.name a .extension,#contact.section #object.name a:hover .arroba,#contact.section #object.name a:hover .nickname,#contact.section #object.name a:hover .extension,#contact.section #object.instagram .name,#contact.section #object.instagram .extension,#contact.section #object.instagram a .name,#contact.section #object.instagram a .extension,#contact.section #object.instagram a:hover .name,#contact.section #object.instagram a:hover .extension,#contact.section #object.web .name,#contact.section #object.web .arroba,#contact.section #object.web a .name,#contact.section #object.web a .arroba,#contact.section #object.web a:hover .name,#contact.section #object.web a:hover .arroba{opacity:.1}#contact.section{position:relative;z-index:100;padding:2.5em 0;background-color:rgba(255,243,219,0.95);text-align:center}#contact.section .object-menu{position:relative;z-index:10;margin-bottom:1em}#contact.section .object-menu ul li{display:inline-block;margin:0;text-transform:uppercase}@media (max-width: 600px){#contact.section .object-menu ul li{font-size:1.5em;line-height:1em;margin:0 0 1em}}#contact.section .object-menu ul li a{color:#0F1E44;text-decoration:none;padding:.5em 1em}@media (max-width: 600px){#contact.section .object-menu ul li a{padding:0}}#contact.section .object-menu ul li a:hover{color:#f20}#contact.section .object-menu ul li a em{font-style:normal;padding:.1em .45em;transition:.15s ease-out all}#contact.section .object-menu ul li.active a,#contact.section .object-menu ul li.active a:hover{text-decoration:none}#contact.section .object-menu ul li.active a em,#contact.section .object-menu ul li.active a:hover em{color:#FFF3DB;background-color:#f20}#contact.section #object{position:relative;z-index:1;font-size:3em;line-height:1em;height:400px}@media (min-width: 1501px){#contact.section #object{height:500px}}@media (min-width: 1001px) and (max-width: 1500px){#contact.section #object{height:400px}}@media (min-width: 601px) and (max-width: 1000px){#contact.section #object{height:300px}}#contact.section #object .object-inner{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:500px;width:100%;height:50px}@media (max-width: 600px){#contact.section #object .object-inner{-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}}#contact.section #object a{color:#0F1E44;display:block;text-decoration:none;position:relative;top:0}@media (max-width: 600px){#contact.section #object a{transition-duration:.35s}}#contact.section #object a[href]:hover em{color:#335BC2}#contact.section #object a.hide{top:2em;opacity:0;pointer-events:none}@media (max-width: 600px){#contact.section #object a.hide{top:0}}#contact.section #object a.second{-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}#contact.section #object a.second em{margin:0 .1em}#contact.section #object em{display:inline-block;transition:.25s ease-out all;font-style:normal}#contact.section #object.name{cursor:default}#cookies{position:fixed;top:0;bottom:0;right:0;width:90px;z-index:1000000000;background-color:#0F1E44;color:#f20;font-size:.5em;line-height:1.65em;overflow:hidden;-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}#cookies.show{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#cookies .close{position:absolute;top:0;left:0;right:0;display:block;height:110px;cursor:pointer;z-index:1000000}#cookies .close:before,#cookies .close:after{content:'';position:absolute;top:50%;left:50%;width:50px;height:4px;background-color:#FFF3DB;transition:.5s ease-out all;cursor:pointer}#cookies .close:before{-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}#cookies .close:after{-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#cookies .close:hover:before,#cookies .close:hover:after{-moz-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg);width:40px}#cookies .content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);width:750px;padding:35px 90px 35px 25px}#cookies .content p{margin:0}#cookies .content a{color:inherit}#cookies .content a:hover{color:#335BC2}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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:"Social Icons";font-display:swap;src:url("../fonts/social.eot");src:url("../fonts/social.eot?#iefix") format("embedded-opentype"),url("../fonts/social.woff") format("woff"),url("../fonts/social.ttf") format("truetype"),url("../fonts/social.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"Peace Sans";font-display:swap;src:url("../fonts/Peace-Sans.eot");src:url("../fonts/Peace-Sans.eot?#iefix") format("embedded-opentype"),url("../fonts/Peace-Sans.woff") format("woff"),url("../fonts/Peace-Sans.ttf") format("truetype"),url("../fonts/Peace-Sans.svg") format("svg");font-style:normal;font-weight:bold}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Light.eot");src:url("../fonts/IBMPlexMono-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Light.woff") format("woff"),url("../fonts/IBMPlexMono-Light.ttf") format("truetype"),url("../fonts/IBMPlexMono-Light.svg") format("svg");font-style:normal;font-weight:100}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-Regular.eot");src:url("../fonts/IBMPlexMono-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-Regular.woff") format("woff"),url("../fonts/IBMPlexMono-Regular.ttf") format("truetype"),url("../fonts/IBMPlexMono-Regular.svg") format("svg");font-style:normal;font-weight:normal}@font-face{font-family:"IBM Plex Mono";font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold.eot");src:url("../fonts/IBMPlexMono-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexMono-SemiBold.woff") format("woff"),url("../fonts/IBMPlexMono-SemiBold.ttf") format("truetype"),url("../fonts/IBMPlexMono-SemiBold.svg") format("svg");font-style:normal;font-weight:bold}@-webkit-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-moz-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-ms-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-o-keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes rotate_this{0%{transform:translate(-50%, -50%) rotate(0deg)}15%{transform:translate(-51%, -49%) rotate(50deg)}25%{transform:translate(-51%, -50%) rotate(90deg)}50%{transform:translate(-49%, -51%) rotate(180deg)}75%{transform:translate(-51%, -50%) rotate(270deg)}85%{transform:translate(-52%, -49%) rotate(300deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-moz-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-ms-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(340deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-moz-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-ms-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-o-keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@keyframes flicker{0%{opacity:.25}1%{opacity:1}2%{opacity:.25}3%{opacity:1}4%{opacity:.25}5%{opacity:1}6%{opacity:.25}7%{opacity:1}8%{opacity:.25}9%{opacity:1}10%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-moz-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-ms-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@-o-keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}@keyframes flicker-hover{0%{opacity:1}1%{opacity:.25}2%{opacity:1}3%{opacity:.25}4%{opacity:1}5%{opacity:.25}6%{opacity:1}100%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box;font-size:1em}::selection{background:#335BC2;color:#f20}::-moz-selection{background:#335BC2;color:#f20}body{font-family:'IBM Plex Mono', Helvetica, Arial, "sans-serif";font-size:22px;line-height:36px;letter-spacing:.05em;background-color:#FFF3DB;color:#0F1E44}body.footer{background-color:#03060D}@media (max-width: 1500px) and (min-width: 1001px){body{font-size:20px;line-height:32px;letter-spacing:.04em}}@media (max-width: 1000px) and (min-width: 751px){body{font-size:18px;line-height:28px;letter-spacing:.03em}}@media (max-width: 750px) and (min-width: 551px){body{font-size:16px;line-height:25px;letter-spacing:.02em}}@media (max-width: 550px){body{font-size:14px;line-height:22px;letter-spacing:.01em}}h3,h4,h5,h6{color:#335BC2}h3 span,h4 span,h5 span,h6 span{color:#f20}h1 em{color:#f20}h2 em,h3 em,h4 em,h5 em,h6 em{color:#335BC2;transition:.25s ease-out all}h2:hover em,h3:hover em,h4:hover em,h5:hover em,h6:hover em{color:inherit}p{margin-bottom:1.5em}strong,b{font-weight:bold}em,i{font-style:normal}img,svg{max-width:100%;height:auto}a{color:inherit;font-weight:bold;text-decoration:underline;transition:.15s ease-out all}a[href]:hover{color:#f20}.oranje-txt{color:#f20 !important}.blue-txt{color:#335BC2 !important}.cream-txt{color:#FFF3DB !important}.blue-section,#about.section,#work.section,#collage.section,#contact.section{background:#335BC2;color:#FFF3DB}.blue-section h2,#about.section h2,#work.section h2,#collage.section h2,#contact.section h2,.blue-section h3,#about.section h3,#work.section h3,#collage.section h3,#contact.section h3,.blue-section h4,#about.section h4,#work.section h4,#collage.section h4,#contact.section h4,.blue-section h5,#about.section h5,#work.section h5,#collage.section h5,#contact.section h5,.blue-section h6,#about.section h6,#work.section h6,#collage.section h6,#contact.section h6{color:#0F1E44}.blue-section h2 em,#about.section h2 em,#work.section h2 em,#collage.section h2 em,#contact.section h2 em,.blue-section h3 em,#about.section h3 em,#work.section h3 em,#collage.section h3 em,#contact.section h3 em,.blue-section h4 em,#about.section h4 em,#work.section h4 em,#collage.section h4 em,#contact.section h4 em,.blue-section h5 em,#about.section h5 em,#work.section h5 em,#collage.section h5 em,#contact.section h5 em,.blue-section h6 em,#about.section h6 em,#work.section h6 em,#collage.section h6 em,#contact.section h6 em{color:#f20}.blue-section h2:hover em,#about.section h2:hover em,#work.section h2:hover em,#collage.section h2:hover em,#contact.section h2:hover em,.blue-section h3:hover em,#about.section h3:hover em,#work.section h3:hover em,#collage.section h3:hover em,#contact.section h3:hover em,.blue-section h4:hover em,#about.section h4:hover em,#work.section h4:hover em,#collage.section h4:hover em,#contact.section h4:hover em,.blue-section h5:hover em,#about.section h5:hover em,#work.section h5:hover em,#collage.section h5:hover em,#contact.section h5:hover em,.blue-section h6:hover em,#about.section h6:hover em,#work.section h6:hover em,#collage.section h6:hover em,#contact.section h6:hover em{color:inherit}.orange-section{background:#f20;color:#FFF3DB}.orange-section h2,.orange-section h3,.orange-section h4,.orange-section h5,.orange-section h6{color:#0F1E44}.orange-section h2 em,.orange-section h3 em,.orange-section h4 em,.orange-section h5 em,.orange-section h6 em{color:#FFF3DB}.times,#about.section h3,#about.section h4,#about.section h5,#about.section h6,.blank-section .quote .text{font-family:Times, serif;font-display:swap}.peace,h1,h2,#footer .menu .title,#skills.section .title{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";font-weight:bold;text-transform:uppercase;font-display:swap}#wrapper{position:relative;z-index:100;overflow:hidden}@media (max-width: 760px){#wrapper{margin:0 !important}}#wrapper .section{position:relative;padding:10em 0}@media (max-width: 1500px) and (min-width: 1001px){#wrapper .section{padding:7.5em 0}}@media (max-width: 1000px){#wrapper .section{padding:5em 0}}#wrapper .content{width:2000px;max-width:90%;margin:0 auto;position:relative}#wrapper .inner{width:60%;max-width:100%;position:relative;z-index:100}@media (max-width: 1250px){#wrapper .inner{width:100%}}#wrapper .inner a{display:inline-block;background-color:#338;text-decoration:none;padding:.2em .15em;line-height:1em}#wrapper .inner a:hover{color:inherit;background-color:#f20}#liquid-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}#liquid-wrapper #liquid{width:120%;height:130%;margin:-5%}#liquid-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#FFF3DB}.cursor{position:absolute;top:-100px;left:-100px;pointer-events:none;transition:.35s ease-out all;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:42px;height:42px;background-color:transparent;border:3px solid #335BC2;border-radius:50%}.cursor#general-cursor{z-index:10000000000000000}.cursor#general-cursor:hover{width:100px;height:100px}.cursor#general-cursor:after,.cursor#general-cursor:before{content:'';position:absolute;transition:.25s ease-out all;border-radius:50%;border-style:solid}.cursor#general-cursor:before{top:0;left:0;right:0;bottom:0;margin:-4px;border-width:2px;border-color:#335BC2 transparent transparent transparent}.cursor#general-cursor:after{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0;border-width:2px;border-color:#335BC2}.cursor#general-cursor.click,.cursor#general-cursor.hover{width:0;height:0;border-width:0;border-radius:50% !important}.cursor#general-cursor.click:after{width:10px;height:10px}.cursor#general-cursor.hover:after{border-width:0}.cursor#general-cursor.hide{transition-duration:.25s;width:80px;height:80px;opacity:0;border-radius:50% !important}.cursor#general-cursor.oposite{border-color:#FFF3DB}.cursor#general-cursor.oposite:before{border-color:#FFF3DB transparent transparent transparent}.cursor#general-cursor.oposite:after{border-color:#FFF3DB}.cursor#general-cursor.loading:before{margin:-9px;animation:spin infinite .75s ease-out}.cursor#general-cursor.loading.click:before,.cursor#general-cursor.loading.hover:before{margin:-20px}.cursor#general-cursor.loadinghide:before{display:none}.cursor#blank-cursor{z-index:1;width:500px;height:500px;background-color:#335BC2;border-width:0;transition-duration:2s}@media (max-width: 1250px) and (min-width: 751px){.cursor#blank-cursor{width:400px;height:400px}}@media (max-width: 750px){.cursor#blank-cursor{width:300px;height:300px}}#progress{position:fixed;top:0;left:0;right:0;z-index:10000000000;pointer-events:none}#progress div{position:relative;display:block;width:0%;height:4px;background-color:#f20}#header{position:relative}#header .promsite{position:absolute;top:0;right:0;margin:.5em .3em 0 0;z-index:1000000000}#header .promsite a,#header .promsite img{display:block}#header .inner{width:1000px;max-width:100%;min-height:3000px;transition:1s cubic-bezier(0.19, 1, 0.22, 1) all}#header .header-content{position:absolute;bottom:0;left:0;right:0;padding:10% 0}#header #logo{width:150px;margin-bottom:100px}@media (max-width: 550px){#header #logo{width:75px;margin-bottom:25px}}#header #logo path{fill:#335BC2}#header .title{font-size:6em;line-height:.9em;margin:0;width:100%}@media (max-width: 1500px) and (min-width: 1001px){#header .title{font-size:5.5em}}@media (max-width: 1000px) and (min-width: 751px){#header .title{font-size:5em}}@media (max-width: 750px) and (min-width: 551px){#header .title{font-size:4.5em}}@media (max-width: 550px) and (min-width: 451px){#header .title{font-size:4em}}@media (max-width: 450px) and (min-width: 351px){#header .title{font-size:3.4em}}@media (max-width: 350px){#header .title{font-size:2.9em}}#header .title span{line-height:.8em}#header .title .line-1{font-size:0.950em}#header .title .line-2{font-size:1.255em}#header .title .line-3{font-size:1.225em}#header .title .line-4{font-size:1.084em}#footer{position:relative;z-index:10;padding:5em 0;color:#FFF3DB;font-size:.85em;line-height:1.5em;background-color:#1A1A1F}@media (max-width: 1100px){#footer{padding:4em 0 5em}}#footer a{font-weight:100;color:#f0ebda;text-decoration:none}#footer a:hover{color:#f20}#footer .logo{position:absolute;top:0;right:0}@media (max-width: 1100px){#footer .logo{display:none}}#footer .logo svg{width:100px}#footer .logo svg path{fill:#f20}@media (max-width: 1100px){#footer .logo svg{width:50px}}#footer .menu{display:block;vertical-align:top;padding-right:150px}@media (max-width: 1300px) and (min-width: 1101px){#footer .menu{padding-right:90px}}@media (max-width: 1100px){#footer .menu{padding:0}}#footer .menu .title{font-size:2em;line-height:1em;margin-bottom:1em;color:#FFF3DB}#footer .menu .title span{display:inline-block;position:relative}#footer .menu .title span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#FFF3DB}#footer .menu ul{width:100%}#footer .menu ul li{display:inline-block;margin-right:5%;vertical-align:top;position:relative}@media (max-width: 1100px){#footer .menu ul li{display:block;width:100%;margin-bottom:3em}}#footer .menu ul li:last-child{margin-right:0}@media (max-width: 1100px){#footer .menu ul li:last-child{margin-bottom:0}}#footer .menu ul ul li{display:block;width:auto;margin:0 0 .25em}@media (max-width: 1100px){#footer .menu ul ul li{display:inline-block;margin:0 1em 0 0;line-height:1.85em}}#footer .menu ul ul li a{color:#FFF3DB}#footer .menu ul ul li:before{content:'#';color:#f20;margin-right:.5em}@media (max-width: 1160px){#footer .menu ul ul li:before{margin-right:.25em}}#footer .menu ul ul li:hover a,#footer .menu ul ul li:hover:before{color:#335BC2}#footer .menu .social ul li:before{font-family:'Social Icons', Helvetica, Arial, "sans-serif";position:relative;top:2px;font-weight:normal}@media (max-width: 1100px){#footer .menu .social ul li:before{margin-right:.5em}}#footer .menu .social ul li.instagram:before{content:'i'}#footer .menu .social ul li.twitter:before{content:'t'}#footer .menu .social ul li.facebook:before{content:'f'}#footer .menu .social ul li.dribbble:before{content:'d'}#footer .menu .social ul li.google:before{content:'q'}#footer .menu .social ul li.youtube:before{content:'y'}#footer .menu .social ul li.vimeo:before{content:'v'}#footer .menu .social ul li.flickr:before{content:'k'}#footer .menu .social ul li.github:before{content:'g'}#footer .menu .social ul li.behance:before{content:'b'}#footer .menu .social ul li.trello:before{content:'e'}#footer .menu .social ul li.wordpress:before{content:'w'}#footer .menu .social ul li.ello:before{content:'l'}#footer .menu .social ul li.tumblr:before{content:'m'}#footer .menu .social ul li.skype:before{content:'s'}#footer .menu .social ul li.reddit:before{content:'r'}#footer .menu .social ul li.linkedin:before{content:'n'}#footer .menu .social ul li.stackoverflow:before{content:'o'}#footer .menu .social ul li.pinterest:before{content:'p'}#footer .menu .social ul li.foursquare:before{content:'u'}#footer .menu .social ul li.yelp:before{content:'x'}#legal{position:relative;z-index:10;font-family:Helvetica, Arial, "sans-serif";padding:3em 0;background-color:#03060D;color:#333;font-size:10px;line-height:16px;margin-top:-1px}#legal .logo{position:absolute;top:50%;left:0;width:40px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 1100px){#legal .logo{position:static;margin:20px 0 10px}}#legal .logo path{fill:#333}#legal p{width:750px;max-width:100%;margin:10px 0 10px 70px;padding-left:30px;border-left:1px solid #333}@media (max-width: 1100px){#legal p{margin:0;padding:0;border:none}}h1{width:875px;max-width:100%}h1{font-size:8em;line-height:1em;margin-bottom:.25em}h2{font-size:4em;line-height:1em;margin-bottom:.40em}h3{font-size:2.5em;line-height:1.15em;margin-bottom:.55em}h4{font-size:1.85em;line-height:1em;margin-bottom:.70em}h5{font-size:1.5em;line-height:1em;margin-bottom:.85em}h6{font-size:1em;line-height:1em;margin-bottom:1em}*+h1{margin-top:.25em}*+h2{margin-top:.40em}*+h3{margin-top:.55em}*+h4{margin-top:.70em}*+h5{margin-top:.85em}*+h6{margin-top:1em}#about.section h3,#about.section h4,#about.section h4,#about.section h5,#about.section h6{font-size:3.85em;line-height:.9em;font-weight:700;letter-spacing:-.01em;width:1250px;max-width:100%}#about.section h3 span,#about.section h4 span,#about.section h4 span,#about.section h5 span,#about.section h6 span{color:inherit}@media (max-width: 1250px){#about.section.half-image{background-image:none !important}}#about.section.half-image .inner{width:60%}@media (max-width: 1250px){#about.section.half-image .inner{width:100%}}#about.section.half-image .content{position:static}#about.section.half-image .image{position:absolute;top:0;bottom:0;right:0;width:60%;z-index:1;background-image:url("../images/about4-500.jpg");background-color:#335BC2;background-size:auto 100%;background-position:100% 100%;background-attachment:fixed;background-repeat:no-repeat}@media (min-width: 2501px){#about.section.half-image .image{background-image:url("../images/about4-3000.jpg")}}@media (min-width: 2001px) and (max-width: 2500px){#about.section.half-image .image{background-image:url("../images/about4-2500.jpg")}}@media (min-width: 1501px) and (max-width: 2000px){#about.section.half-image .image{background-image:url("../images/about4-2000.jpg")}}@media (min-width: 1001px) and (max-width: 1500px){#about.section.half-image .image{background-image:url("../images/about4-1500.jpg")}}@media (min-width: 501px) and (max-width: 1000px){#about.section.half-image .image{background-image:url("../images/about4-1000.jpg")}}@media (max-width: 1250px){#about.section.half-image .image{width:100%;opacity:.25}}#skills.section .content{overflow:visible}#skills.section .bars{margin-top:3em}#skills.section .title{color:#335BC2;font-size:2.5em;line-height:1em;margin-bottom:0;transition:.5s ease-out all .5s}@media (max-width: 900px){#skills.section .title{line-height:.75em}}#skills.section .title span{color:inherit}#skills.section.before .bar .item{height:0;transition-duratio:.1s}#skills.section.before .bar .item .name{opacity:0}#skills.section .bar{margin-bottom:2em;width:100%;transition:1s ease-out all}@media (max-width: 900px){#skills.section .bar{margin-bottom:1.35em}}#skills.section .bar .item{position:relative;height:12px;background-color:#f20;margin-bottom:25px;transition:.25s ease-out all;border-radius:10em}@media (min-width: 901px){#skills.section .bar .item{display:inline-block;margin-right:1%}#skills.section .bar .item:hover{background-color:#0F1E44}#skills.section .bar .item:hover .name{font-weight:bold;font-size:1em}#skills.section .bar .item.over .name{opacity:0}}@media (max-width: 900px){#skills.section .bar .item{height:15px;display:block;margin-bottom:2px;white-space:nowrap;width:auto !important}}#skills.section .bar .item:last-of-type{margin-right:0}#skills.section .bar .item .name{color:#0F1E44;position:absolute;font-size:.75em;line-height:1em;top:100%;left:0;right:0;white-space:nowrap;padding:5px 5px 0;transition:.25s ease-out all}@media (max-width: 2000px) and (min-width: 901px){#skills.section .bar .item .name{font-size:.65em}}@media (max-width: 900px){#skills.section .bar .item .name{font-size:.5em;top:50%;padding:0 0 0 5px;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#FFF3DB}}#work.section .list{font-size:1.65em;line-height:1em;margin:1.5em 0 0}#work.section .list ul{margin-left:-1em}#work.section .list ul .item{display:inline-block;margin:0 -21px 0 0}#work.section .list ul .item a,#work.section .list ul .item em{color:#0F1E44;text-decoration:none;display:block;line-height:1.25em;transition:.25s ease-out all;padding:.5em 1em .5em;margin-top:-2px;font-style:normal}#work.section .list ul .item a:hover{color:#FFF3DB;animation-name:flicker-hover;animation-duration:2s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item.over a,#work.section .list ul .item.over em{opacity:.25}#work.section .list ul .item.over a{animation-name:flicker;animation-duration:1s;animation-delay:.5s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear}#work.section .list ul .item:nth-of-type(1).over a{animation-delay:.1s;animation-duration:2.34s}#work.section .list ul .item:nth-of-type(2).over a{animation-delay:.1s;animation-duration:3.92s}#work.section .list ul .item:nth-of-type(3).over a{animation-delay:.8s;animation-duration:4.73s}#work.section .list ul .item:nth-of-type(4).over a{animation-delay:.5s;animation-duration:1.07s}#work.section .list ul .item:nth-of-type(5).over a{animation-delay:.8s;animation-duration:3.53s}#work.section .list ul .item:nth-of-type(6).over a{animation-delay:.7s;animation-duration:.74s}#work.section .list ul .item:nth-of-type(7).over a{animation-delay:.8s;animation-duration:3.58s}#work.section .list ul .item:nth-of-type(8).over a{animation-delay:.6s;animation-duration:1.27s}#work.section .list ul .item:nth-of-type(9).over a{animation-delay:.8s;animation-duration:2.48s}#work.section .list ul .item:nth-of-type(10).over a{animation-delay:.1s;animation-duration:.32s}#work.section .list ul .item:nth-of-type(11).over a{animation-delay:1s;animation-duration:1.75s}#work.section .list ul .item:nth-of-type(12).over a{animation-delay:.7s;animation-duration:1.17s}#work.section .list ul .item:nth-of-type(13).over a{animation-delay:.1s;animation-duration:3.36s}#work.section .list ul .item:nth-of-type(14).over a{animation-delay:.2s;animation-duration:1s}#work.section .list ul .item:nth-of-type(15).over a{animation-delay:.7s;animation-duration:2.06s}#work.section .list ul .item:nth-of-type(16).over a{animation-delay:.6s;animation-duration:2.66s}#work.section .list ul .item:nth-of-type(17).over a{animation-delay:.7s;animation-duration:2.86s}#work.section .list ul .item:nth-of-type(18).over a{animation-delay:.4s;animation-duration:3.69s}#work.section .list ul .item:nth-of-type(19).over a{animation-delay:.4s;animation-duration:2.23s}#work.section .list ul .item:nth-of-type(20).over a{animation-delay:.1s;animation-duration:.23s}#work.section .list ul .item:nth-of-type(21).over a{animation-delay:.5s;animation-duration:.63s}#work.section .list ul .item:nth-of-type(22).over a{animation-delay:.8s;animation-duration:3.08s}#work.section .list ul .item:nth-of-type(23).over a{animation-delay:.1s;animation-duration:3.68s}#work.section .list ul .item:nth-of-type(24).over a{animation-delay:.9s;animation-duration:1.05s}#work.section .list ul .item:nth-of-type(25).over a{animation-delay:.2s;animation-duration:.34s}#work.section .list ul .item:nth-of-type(26).over a{animation-delay:1s;animation-duration:4.14s}#work.section .list ul .item:nth-of-type(27).over a{animation-delay:.8s;animation-duration:4.23s}#work.section .list ul .item:nth-of-type(28).over a{animation-delay:.8s;animation-duration:.47s}#work.section .list ul .item:nth-of-type(29).over a{animation-delay:.5s;animation-duration:1.81s}#work.section .list ul .item:nth-of-type(30).over a{animation-delay:.4s;animation-duration:3.14s}#work.section .list ul .item:nth-of-type(31).over a{animation-delay:.6s;animation-duration:2.98s}#work.section .list ul .item:nth-of-type(32).over a{animation-delay:1s;animation-duration:2.58s}#work.section .list ul .item:nth-of-type(33).over a{animation-delay:.3s;animation-duration:.31s}#work.section .list ul .item:nth-of-type(34).over a{animation-delay:.6s;animation-duration:4.38s}#work.section .list ul .item:nth-of-type(35).over a{animation-delay:.2s;animation-duration:1.94s}#work.section .list ul .item:nth-of-type(36).over a{animation-delay:.8s;animation-duration:4.9s}#work.section .list ul .item:nth-of-type(37).over a{animation-delay:.6s;animation-duration:1.47s}#work.section .list ul .item:nth-of-type(38).over a{animation-delay:.6s;animation-duration:1.87s}#work.section .list ul .item:nth-of-type(39).over a{animation-delay:.4s;animation-duration:4.93s}#work.section .list ul .item:nth-of-type(40).over a{animation-delay:.3s;animation-duration:3.45s}#work.section .list ul .item:nth-of-type(41).over a{animation-delay:.3s;animation-duration:3.31s}#work.section .list ul .item:nth-of-type(42).over a{animation-delay:.6s;animation-duration:1.15s}#work.section .list ul .item:nth-of-type(43).over a{animation-delay:.9s;animation-duration:1.13s}#work.section .list ul .item:nth-of-type(44).over a{animation-delay:.4s;animation-duration:1.9s}#work.section .list ul .item:nth-of-type(45).over a{animation-delay:.6s;animation-duration:1.63s}#work.section .list ul .item:nth-of-type(46).over a{animation-delay:.1s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(47).over a{animation-delay:.8s;animation-duration:4.04s}#work.section .list ul .item:nth-of-type(48).over a{animation-delay:.7s;animation-duration:1.22s}#work.section .list ul .item:nth-of-type(49).over a{animation-delay:.6s;animation-duration:2.76s}#work.section .list ul .item:nth-of-type(50).over a{animation-delay:.9s;animation-duration:1.59s}#experience.section{overflow:hidden}#experience.section .container{display:inline-block;position:relative;margin:2em 0 0;max-width:100%}@media (min-width: 1151px), (max-width: 875px){#experience.section .container{margin:0 !important}}#experience.section .container .circles{position:relative;width:600px;height:600px;border-radius:50%;max-width:100%;z-index:1000}@media (max-width: 1150px) and (min-width: 876px){#experience.section .container .circles{width:400px;height:400px}}@media (max-width: 875px){#experience.section .container .circles{display:none}}#experience.section .container .circles .circle{position:absolute;top:50%;left:50%;border-radius:50%;background-color:#FFF3DB;transition:.5s ease-out all;animation:rotate_this 10s linear infinite reverse}#experience.section .container .circles .circle:nth-of-type(1){background-color:#1b3065;width:16.66667%;height:16.66667%;z-index:5;border-radius:46% 46% 49% 41%}#experience.section .container .circles .circle:nth-of-type(2){background-color:#203979;width:33.33333%;height:33.33333%;z-index:4;border-radius:50% 49% 42% 50%}#experience.section .container .circles .circle:nth-of-type(3){background-color:#25438d;width:50%;height:50%;z-index:3;border-radius:44% 46% 47% 45%}#experience.section .container .circles .circle:nth-of-type(4){background-color:#2b4ca1;width:66.66667%;height:66.66667%;z-index:2;border-radius:48% 44% 41% 50%}#experience.section .container .circles .circle:nth-of-type(5){background-color:#3056b5;width:83.33333%;height:83.33333%;z-index:1;border-radius:46% 49% 48% 46%}#experience.section .container .circles .circle:nth-of-type(6){background-color:#335BC2;width:100%;height:100%;z-index:0;border-radius:46% 48% 48% 41%}#experience.section .container .circles .circle:hover{background-color:#f20 !important;transition:.25s ease-out all}#experience.section .container .circles .circle:last-of-type,#experience.section .container .circles .circle:last-of-type:hover{box-shadow:none}#experience.section .container .titles{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;color:#0F1E44;z-index:10000}@media (max-width: 875px){#experience.section .container .titles{position:static;margin:3em 0;pointer-events:auto}}#experience.section .container .titles .title{position:absolute;top:12px;left:105%;white-space:nowrap;width:100%;padding:.25em .5em;font-size:.75em;line-height:1em;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 875px){#experience.section .container .titles .title{position:relative;top:auto;left:0;white-space:normal;font-size:1.25em;line-height:1.35em;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;margin-bottom:1em;padding:0 0 0 1em}}#experience.section .container .titles .title:nth-of-type(1){top:43.66667%;z-index:105}#experience.section .container .titles .title:nth-of-type(2){top:35.33333%;z-index:104}#experience.section .container .titles .title:nth-of-type(3){top:27%;z-index:103}#experience.section .container .titles .title:nth-of-type(4){top:18.66667%;z-index:102}#experience.section .container .titles .title:nth-of-type(5){top:10.33333%;z-index:101}#experience.section .container .titles .title:nth-of-type(6){top:2%;z-index:100}@media (min-width: 876px){#experience.section .container .titles .title .title-inner{display:inline}}#experience.section .container .titles .title span{display:inline-block;vertical-align:middle}@media (max-width: 875px){#experience.section .container .titles .title span{vertical-align:text-bottom}}#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{text-transform:uppercase}@media (max-width: 875px){#experience.section .container .titles .title span.start,#experience.section .container .titles .title span.end{font-family:'Peace Sans', Helvetica, Arial, "sans-serif";display:block}}@media (max-width: 875px){#experience.section .container .titles .title span.start{font-size:3em;line-height:.9em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{font-size:2em;line-height:.65em}}@media (max-width: 875px){#experience.section .container .titles .title span.end{color:#f20}}#experience.section .container .titles .title span.divider{margin:0 .5em;font-size:.85em}@media (max-width: 875px){#experience.section .container .titles .title span.divider{display:none}}#experience.section .container .titles .title span.name{pointer-events:all}@media (max-width: 875px){#experience.section .container .titles .title span.name{display:block;font-size:1em;line-height:1em}}#experience.section .container .titles .title span.name,#experience.section .container .titles .title span.name a{font-weight:bold;color:#0F1E44}#experience.section .container .titles .title span.name a{text-decoration:none}#experience.section .container .titles .title span.name a:hover{color:#f20}#experience.section .container .titles .title span.name:before{content:'';display:inline-block;vertical-align:middle;width:20px;margin:0 .5em;height:2px;background-color:#0F1E44}@media (max-width: 875px){#experience.section .container .titles .title span.name:before{display:none}}#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{content:'';position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#0F1E44;vertical-align:middle;display:inline-block}@media (max-width: 875px){#experience.section .container .titles .title:before,#experience.section .container .titles .title:after{top:16px;background-color:#335BC2}}#experience.section .container .titles .title:before{right:100%;width:55%;height:2px}@media (max-width: 875px){#experience.section .container .titles .title:before{width:2em}}#experience.section .container .titles .title:after{right:155%;width:6px;height:6px;border-radius:50%}@media (max-width: 875px){#experience.section .container .titles .title:after{left:0;width:10px;height:10px}}.blank-section{position:relative;display:block;width:100%;z-index:1}.blank-section.overflowhidden{overflow:hidden}.blank-section .quote{position:absolute;top:50%;left:0;right:0;z-index:100;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}.blank-section .quote .logo{width:100px;max-width:90%;display:inline-block}.blank-section .quote .logo.blue path{fill:#335BC2}.blank-section .quote .logo.red path{fill:#f20}.blank-section .quote .logo.cream path{fill:#FFF3DB}.blank-section .quote .text{color:#FFF3DB;font-weight:700;font-size:6em;line-height:1em;text-transform:lowercase}@media (max-width: 1000px) and (min-width: 501px){.blank-section .quote .text{font-size:5em}}@media (max-width: 500px){.blank-section .quote .text{font-size:4em}}#collage.section{padding-bottom:0;margin-bottom:0}#collage.section .inner{margin-bottom:5em}#collage.section .instagram{background-color:#fff}#collage.section .instagram .slide{transition:.25s ease-out all;background-color:#fff}#collage.section .instagram .slide img{mix-blend-mode:multiply}#collage.section .instagram .slide:hover{background-color:#f20}#collage.section .instagram .slide:hover img{filter:saturate(0)}.hide-object,#contact.section #object.name .arroba,#contact.section #object.name .nickname,#contact.section #object.name .extension,#contact.section #object.name a .arroba,#contact.section #object.name a .nickname,#contact.section #object.name a .extension,#contact.section #object.name a:hover .arroba,#contact.section #object.name a:hover .nickname,#contact.section #object.name a:hover .extension,#contact.section #object.instagram .name,#contact.section #object.instagram .extension,#contact.section #object.instagram a .name,#contact.section #object.instagram a .extension,#contact.section #object.instagram a:hover .name,#contact.section #object.instagram a:hover .extension,#contact.section #object.web .name,#contact.section #object.web .arroba,#contact.section #object.web a .name,#contact.section #object.web a .arroba,#contact.section #object.web a:hover .name,#contact.section #object.web a:hover .arroba{opacity:.1}#contact.section{position:relative;z-index:100;padding:2.5em 0;background-color:rgba(255,243,219,0.95);text-align:center}#contact.section .object-menu{position:relative;z-index:10;margin-bottom:1em}#contact.section .object-menu ul li{display:inline-block;margin:0;text-transform:uppercase}@media (max-width: 600px){#contact.section .object-menu ul li{font-size:1.5em;line-height:1em;margin:0 0 1em}}#contact.section .object-menu ul li a{color:#0F1E44;text-decoration:none;padding:.5em 1em}@media (max-width: 600px){#contact.section .object-menu ul li a{padding:0}}#contact.section .object-menu ul li a:hover{color:#f20}#contact.section .object-menu ul li a em{font-style:normal;padding:.1em .45em;transition:.15s ease-out all}#contact.section .object-menu ul li.active a,#contact.section .object-menu ul li.active a:hover{text-decoration:none}#contact.section .object-menu ul li.active a em,#contact.section .object-menu ul li.active a:hover em{color:#FFF3DB;background-color:#f20}#contact.section #object{position:relative;z-index:1;font-size:3em;line-height:1em;height:400px}@media (min-width: 1501px){#contact.section #object{height:500px}}@media (min-width: 1001px) and (max-width: 1500px){#contact.section #object{height:400px}}@media (min-width: 601px) and (max-width: 1000px){#contact.section #object{height:300px}}#contact.section #object .object-inner{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:500px;width:100%;height:50px}@media (max-width: 600px){#contact.section #object .object-inner{-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}}#contact.section #object a{color:#0F1E44;display:block;text-decoration:none;position:relative;top:0}@media (max-width: 600px){#contact.section #object a{transition-duration:.35s}}#contact.section #object a[href]:hover em{color:#335BC2}#contact.section #object a.hide{top:2em;opacity:0;pointer-events:none}@media (max-width: 600px){#contact.section #object a.hide{top:0}}#contact.section #object a.second{-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}#contact.section #object a.second em{margin:0 .1em}#contact.section #object em{display:inline-block;transition:.25s ease-out all;font-style:normal}#contact.section #object.name{cursor:default}#cookies{position:fixed;top:0;bottom:0;right:0;width:90px;z-index:1000000000;background-color:#0F1E44;color:#f20;font-size:.5em;line-height:1.65em;overflow:hidden;-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}#cookies.show{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#cookies .close{position:absolute;top:0;left:0;right:0;display:block;height:110px;cursor:pointer;z-index:1000000}#cookies .close:before,#cookies .close:after{content:'';position:absolute;top:50%;left:50%;width:50px;height:4px;background-color:#FFF3DB;transition:.5s ease-out all;cursor:pointer}#cookies .close:before{-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}#cookies .close:after{-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}#cookies .close:hover:before,#cookies .close:hover:after{-moz-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg);width:40px}#cookies .content{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%) rotate(-90deg);-ms-transform:translate(-50%, -50%) rotate(-90deg);-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg);width:750px;padding:35px 90px 35px 25px}#cookies .content p{margin:0}#cookies .content a{color:inherit}#cookies .content a:hover{color:#335BC2}

Some webs I've done

Each project is different and depends on so many variables that it's difficult to compare the needs of each one and the processes used. Knowing this, often people expect to see previous jobs and these are the ones I can share with you.

Working at

My professional career has been very varied. I've worked in a startup, in a printed magazine and in a digital one, in an internet television (one of the first ones) and I'm currently working in a communication agency that is where I've been working most of my professional life.

I also do collage

For me, collage is a way of expressing myself but it is also a necessity. I need to bring out feelings by cutting, gluing and creating pieces of art that have a lot of me. I hope you like them and you can follow me at instagram as @monocollages also.

This website is ephemeral, I am already doing the next version