@import url("https://fonts.googleapis.com/css?family=Italianno");@media (max-width: 768px){.desktop{display:none}}@media (min-width: 769px){.mobile{display:none}}.header{font-size:1.75rem;position:relative;height:5rem;transition:height 1s}@media (min-width: 769px){.header{margin-bottom:1rem}}.header.active{height:12rem}.header a{color:#aaa;text-decoration:none}@media (min-width: 769px){.header a{padding:0 1rem;font-size:2.25rem}}.header a .fa{font-size:1.5rem;width:26px;text-align:center}.header a:hover{color:#444}.header .current{color:#444}.header h1{display:inline-block;margin:0}.header .logo{color:#444;display:inline-block;margin:0;font-size:3.5rem;font-weight:normal}@media (min-width: 769px){.header .logo{font-size:4rem}}.header .top-nav-button{line-height:3.5rem;color:#444;position:absolute;top:0;right:0;padding-left:2rem}.header .fa-times{display:none}.header.active .fa-times{display:block}.header .fa-bars{opacity:1;transition:transform 1s, top 1s, opacity 1s;z-index:1;transform:scale(1);transform-origin:top right}.header.active .fa-bars{top:1.5rem;opacity:0;transform:scale(4)}@media (max-width: 768px){.header .nav{position:absolute;top:.75rem;right:0;display:block;transform:scale(0.25);transform-origin:top right;opacity:0;transition:transform 1s, opacity 1s, top 1s}.header .nav a{display:block;text-align:right;color:#444}}@media (min-width: 769px){.header .nav{display:inline-block;font-family:"Italianno",cursive}}.header.active .nav{transform:scale(1);opacity:1;top:4.5rem;z-index:2}.gallery *{box-sizing:content-box}#JustifiedGallery{opacity:0;transition:opacity .5s}.slideshowMode .thumbnail{padding:3px;cursor:zoom-in}.galleryRow{position:relative}#overlay{position:fixed;width:100%;background:black;opacity:.9;top:0;left:0;z-index:5;display:none}.photoLabel{position:absolute;z-index:10;text-align:center;font-weight:bold;font-size:15px;color:black}.slideshowBox{position:fixed}.arrow{position:absolute;height:100%;z-index:20;opacity:0;cursor:pointer;top:0;width:3rem;font-size:4rem;color:white;padding:0 1rem;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.7));filter:drop-shadow(0 0 10px rgba(0,0,0,0.7))}.arrow:before{position:absolute;top:50%;margin-top:-32px}.arrow:hover{opacity:.8}#close{cursor:pointer;position:fixed;right:0;top:0;opacity:.8 !important;z-index:30;font-size:2rem;padding:.5rem;color:white;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.7));filter:drop-shadow(0 0 10px rgba(0,0,0,0.7))}#loading{left:50%;top:50%;margin-top:-22px;margin-left:-22px;position:absolute;opacity:0;z-index:1}.loading_horizontal{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#slideshowBox{z-index:5}#originals{display:none}#fotomoto{position:fixed;bottom:0px}#fotomoto a{color:white;font-weight:normal}#fotomoto .FotomotoSep1{display:none}#fotomoto .FotomotoPrintButton{box-shadow:0px 5px 10px #444}.homepage{overflow:visible;display:flex;flex-wrap:wrap}.homepage .section{padding:1rem 0 0;width:100%;position:relative;cursor:pointer;text-decoration:none;min-height:calc((100vh - 200px) / 2)}@media (min-width: 769px){.homepage .section{width:50%;padding:1rem}}.homepage .section:hover h1{transform:scale(1.2) translate(-50%, -50%);color:#000}.homepage .section:hover .gallery,.homepage .section:hover code{opacity:.7}.homepage h1{position:absolute;z-index:1;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;margin:0;opacity:0;color:#444;font-size:3.7em;transform-origin:left top;transition:opacity 2s, transform 0.5s, color 0.5s}@media (min-width: 769px){.homepage h1{font-size:6em}}.homepage h1.show{opacity:1}.homepage .gallery{opacity:.7;transition:opacity .5s}.homepage .gallery.dim{opacity:.4}.homepage .gallery a{pointer-events:none;opacity:0;transition:all 1s}.homepage .gallery .show-all-images a{opacity:1}.homepage .thumbnail{margin:2px}.homepage pre{margin:0}@media (min-width: 769px){.homepage pre{font-size:1.3rem}}.homepage code{display:inline-block;padding:0;min-height:10rem}.homepage code.dim{opacity:.4}.homepage .typed-cursor{color:#444 !important;opacity:1;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:100;pointer-events:none;animation:fadeout 3s forwards}@keyframes fadeout{from{opacity:1}to{opacity:0}}.photographer{width:100%;position:relative}@media (min-width: 769px){.photographer:after{padding-top:60%;display:block;content:''}.photographer .container{position:absolute;top:0;bottom:0}}@media (max-width: 768px){.photographer .container{flex-flow:row wrap}.photographer .container a,.photographer .container .img-container{width:100%}}.photographer a{margin:3px;display:flex}.photographer img{width:100%;display:block}.photographer .top{align-items:flex-start}.photographer .middle{align-items:center}.photographer .bottom{align-items:flex-end}.photographer .img-container{position:relative;transition:all 0.3s}.photographer .img-container:hover{transform:scale(1.1)}.photographer .caption{position:absolute;bottom:0;width:100%;text-align:center;color:white;padding:3rem 1rem 0rem;background:linear-gradient(transparent, rgba(0,0,0,0.5))}@media (min-width: 769px){.frontend .intro{padding:0 1rem}}.frontend section{padding:3rem 0;display:flex;flex-flow:row wrap}.frontend section>*{width:100%}@media (min-width: 769px){.frontend section>*{width:50%;padding:1rem}}@media (min-width: 769px){.frontend section:nth-child(odd) .screenshot{order:10}}.frontend img{width:100%}.frontend .content{padding:0 1rem;width:50%}.frontend .technologies{margin:0}.frontend .fa-external-link{font-size:1rem;margin-left:.5rem;display:inline-block}.about{padding:1rem}.about section{display:flex}@media (max-width: 768px){.about section{flex-flow:row wrap}.about section>*{width:100%}}@media (min-width: 769px){.about section>*{margin-right:2rem}}.about h1{margin-top:2rem}@media (min-width: 769px){.about .profile{width:350px}}@media (max-width: 768px){.about .profile img{margin:0 auto;display:block;max-width:350px;width:100%}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}html{color:#444;font-family:sans-serif}body{margin:0;overflow-x:hidden}div{outline-style:none}h1,h2,h3,h4,h5{font-family:"Italianno",cursive;margin:1rem 0 0 0}h1{font-size:3rem}h2{font-size:2rem}a{text-decoration:none;color:#498fd8}a:hover{color:#215c9a}footer{position:absolute;right:2rem;bottom:1rem}p{margin:0 0 1rem 0}.hide{display:none}.left{float:left}.right{float:right}.center{margin-left:auto;margin-right:auto;text-align:center}.flex{display:flex}.clearfix:after{content:"";display:table;clear:both}.unselectable{user-select:none}.main_container{position:relative;margin:0 auto;padding:1rem 1rem 2.5rem 1rem;max-width:1200px;min-height:100vh}.button,#fotomoto .FotomotoPrintButton{font-family:"Italianno",cursive;display:inline-block;color:white;line-height:1;font-size:2rem;padding:.5rem 1.5rem;margin:1rem;border-radius:3rem;position:relative;overflow:hidden}.button:before,#fotomoto .FotomotoPrintButton:before,.button:after,#fotomoto .FotomotoPrintButton:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:3rem;z-index:-2;background:#aaa}.button:before,#fotomoto .FotomotoPrintButton:before{z-index:-1;background:#444;opacity:0;transform:scale3d(0.7, 1, 1);transition:transform 0.4s, opacity 0.4s;transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1)}.button:hover,#fotomoto .FotomotoPrintButton:hover{color:white}.button:hover:before,#fotomoto .FotomotoPrintButton:hover:before{opacity:1;transform:translate3d(0, 0, 0)}