@font-face{font-family:quicksand-semibold;font-style:normal;font-weight:400;src:local("Quicksand-SemiBold"),url(/fonts/Quicksand-SemiBold.ttf)}@font-face{font-family:quicksand-regular;font-style:normal;font-weight:400;src:local("Quicksand-Regular"),url(/fonts/Quicksand-Regular.ttf)}@font-face{font-family:quicksand-medium;font-style:normal;font-weight:400;src:local("Quicksand-Medium"),url(/fonts/Quicksand-Medium.ttf)}*{margin:0;padding:0}html{scroll-behavior:smooth}a{color:#5bb0cd;text-decoration:none;font-family:quicksand-medium}a:hover{color:#fbbb07}.btn{border:2px solid #6a6d6d;box-sizing:border-box;border-radius:5px;padding-top:10px;padding-bottom:10px;padding-left:5%;padding-right:5%;background-color:#444;font-weight:700;color:#ddd}.btn:hover,.btn:active{background-color:#5bb0cd;border-color:#3795b6;color:#fff}.btn.btn-signal{border:2px solid #6a6d6d;background-color:#909393;color:#ddd}.btn.btn-signal:hover,.btn.btn-signal:active{background-color:#5bb0cd;border-color:#3795b6}.text-yellow{color:#fbbb07}.text-cyan{color:#5bb0cd}.text-grey{color:#d8dcdf}.inline-svg{display:inline-block;height:1.15rem;width:1.15rem;top:.15rem;position:relative}.section-title{display:inline-block;font-family:quicksand-semibold}.section-title:first-letter{text-decoration:underline;text-decoration-color:#fbbb07;text-underline-position:under}.arrow{display:inline-block;color:#fbbb07;padding-right:5px}body{color:#d8dcdf;background-color:#353636;font-family:quicksand-regular}banner{color:#fefefe;background-color:#353636;width:100%;display:flex;overflow:hidden}banner div{padding:0 2em}banner div>h1{display:inline-block;font-size:3em;margin-right:5px}banner div span{margin-left:5px;font-size:1.5em}@media(max-width:600px){banner div span{font-size:1em}}banner .items{padding:0;display:flex}@media(max-width:600px){banner .items{flex-direction:column;font-size:1em}}nav{color:#c7cbce;background-color:#353636;display:block;padding-top:25px;padding-right:45px}nav button{border:none;color:inherit;background-color:inherit}nav button .inline-svg{width:2em;height:2em}nav .navigation{display:none;position:absolute;right:0;background-color:#5bb0cd;min-width:80px;z-index:1}nav .navigation a{color:#000;padding:12px 16px;text-decoration:none;display:block}nav .navigation a:hover{background-color:#fbbb07}nav:hover .navigation{display:block}header,footer{color:#c7cbce;background-color:#272928;height:45px}header div{float:right;padding-top:10px}@media(max-width:600px){header{display:none}}header>div>span{padding:0 2em}header>div>span i{padding-right:.5em}.sticky{position:fixed;top:0;width:100%;overflow:visible}.sticky+.code{padding-top:90px}.dot{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block}.square{height:10px;width:16px;background-color:#bbb;display:inline-block}footer{position:relative}footer div{display:flex;align-items:center;justify-content:center;padding-top:10px}@media(max-width:600px){footer div{padding-top:0;flex-direction:column}}trailer{background-color:#353636;padding-top:20px}trailer>div{display:flex;align-items:center;justify-content:center;justify-content:space-between;padding:25px;background-color:inherit}@media(max-width:600px){trailer>div{flex-direction:column}}trailer>div .externals{margin-left:auto;margin-right:auto;display:flex;flex-direction:column}@media(max-width:600px){trailer>div .externals{flex-direction:row}}trailer>div .externals #link{padding-bottom:20px}@media(max-width:600px){trailer>div .externals #link{padding-left:20px}}main{width:100%}div.code{display:flex}div.code .line-number-div{overflow:hidden;flex:0 0 2em;color:#4f5151;background-color:#272928}div.code .line-number{font-size:small;display:block;text-align:right;height:0}div.code .line-number span{display:block;padding:0 .5em 0 0}div.code .cl{display:block;clear:both}.content{padding:35px 2em;max-width:900px;margin:auto}.anchor[id]::before{content:'';display:block;height:90px;margin:-90px 0 0}.section.infografik{background-color:#303131}.section.infografik div{max-width:1200px;margin:auto}.section.infografik div img{width:100%;max-height:calc(100vh - 125px);object-fit:contain}.section.services{background-color:#353636}.section.services .skills{border-radius:10px;background-color:#4f5151;width:100%;padding:20px}.section.services .skills div{font-family:quicksand-semibold}.section.projects{background-color:#4f5151}.section.contact{background-size:contain;background-repeat:no-repeat;background-color:#303131;background-position:100%;padding-left:2em}.not_found{background-size:contain;background-repeat:no-repeat;background-color:#303131;background-position:100%;padding-left:2em;width:100%;height:400px;display:flex;align-items:center}