@charset "UTF-8";nav{position:sticky;z-index:10;top:0;display:flex;width:100%;height:40px;border-bottom:1px solid #ceced0;background:#e06b57}nav:after{position:absolute;top:40px;width:100%;height:100px;content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav .mqtt{display:flex;margin-right:auto;align-items:center}nav .mqtt p{margin:0;color:#ceced0}nav ul{display:flex;height:100%;margin:0;padding:0;list-style:none}nav ul li{display:grid;width:40px;height:40px;margin:0 1px;cursor:pointer;border-left:1px solid black;place-content:center}nav ul li svg{color:#fff!important}header{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:50px;padding-bottom:25px;border-bottom:1px solid #ceced0;justify-content:center}header .container{display:flex;width:100%;margin:0 auto}header .name{display:flex;flex-direction:column;width:40%;min-width:80px;padding-top:100px}header .name h1{font-family:Raleway,sans-serif;font-size:60px;font-weight:400;margin:0;letter-spacing:1px;text-transform:uppercase;color:#3a3935}header .name h2{font-family:Raleway,sans-serif;font-size:25px;font-weight:300;display:flex;margin:0;letter-spacing:.5px;text-transform:uppercase}header .name h2 .language{position:relative;width:152px;height:30px;margin-right:10px;cursor:grabbing;transition:all .8s ease-in;perspective:1000px;transform-style:preserve-3d}header .name h2 .language:hover{transform:rotateX(180deg)}header .name h2 .language:hover .front{z-index:1}header .name h2 .language .front{z-index:100;backface-visibility:hidden}header .name h2 .language .back{z-index:102}header .name h2 .language .front,header .name h2 .language .back{position:absolute;display:flex;width:100%;height:100%;background:#e5e3e6;align-items:center;justify-content:center}header .information{position:relative;display:flex;flex-direction:column;width:60%;margin:0;padding:0;border-left:2px solid #272727}header .information:before{font-size:42px;line-height:32px;position:absolute;z-index:2;bottom:-5px;left:-9px;content:"°\a°\a°";white-space:pre-wrap;color:#e06b57}header .information:after{font-size:45px;line-height:32px;position:absolute;z-index:1;bottom:6px;left:-9px;content:"•\a•\a•";white-space:pre-wrap;color:#e5e3e6}header .information li{position:relative;margin-bottom:15px;padding-left:50px;list-style:none;list-style-type:none}header .information li.looking{text-decoration:underline;color:#e06b57;text-underline-offset:8px}header .information li.looking span{font-weight:900}header .information li:first-child{margin-top:auto}header .information li span{font-family:Raleway,sans-serif;font-size:20px;font-weight:400;margin-left:10px;letter-spacing:2px}header .information li span a{font-weight:600;transition:color .55s ease-in-out;text-decoration:none;color:#3a3935}header .information li span a:hover{color:#e06b57}@media(max-width:991px){header .information{margin-top:24px;border-top:2px solid #272727;border-left:none}header .information:after,header .information:before{top:-32px;right:-4px;bottom:auto;left:auto;white-space:normal}header .information:after{top:-42px}header .information li{padding:0}}.packagedotjson pre code{font-size:16px}section{position:relative;display:flex;flex-direction:column;margin:0 auto;padding:50px 0 0;border-bottom:1px solid #ceced0;align-items:center;justify-content:center}section .title{display:flex;width:30%}section .title svg{position:relative;left:20px;margin-left:auto}section .content{display:flex}section aside{font-family:Raleway,sans-serif;font-size:25px;font-weight:300;width:30%;margin:0;padding-right:10px}section .right{position:relative;width:70%;padding-left:50px;border-left:2px solid #e06b57}section .right:after{position:absolute;top:-4px;left:-5px;width:8px;height:8px;content:"";border:2px solid #272727;border-radius:50%;background-color:#e5e3e6;box-shadow:0 0 0 1px #e5e3e6}section .right p{font-family:Raleway,sans-serif;font-size:25px;font-weight:300;line-height:32px;margin:0 0 25px}section .right p b{font-weight:600;display:block;margin-bottom:10px}section .right p a{font-weight:600;text-decoration:none;color:#3a3935}section .right p a:hover{color:#e06b57}section .right em{font-family:Raleway,sans-serif;font-size:12px;font-weight:600;line-height:32px;display:block;margin:0 0 50px;color:#e06b57}section .right .select{display:inline-block;margin:0 10px;cursor:pointer;transition:all .55s ease-in-out;border-bottom:1px solid #3a3935}section .right .select:hover{border-color:#e06b57}section .right .select select{cursor:pointer;border:none;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}section .right .select i{pointer-events:none}.projects{display:grid;padding-bottom:100px;grid-template-columns:repeat(3,1fr)}.projects .project{display:flex;width:250px;height:100px;margin:15px;padding:10px;color:#fff;border:1px solid #ceced0;background:#3a3935}.projects .project .photo{width:25%;margin-right:15px}.projects .project .photo img{display:block;width:100%;height:100%;filter:invert(100%);object-fit:contain}.projects .project .details{position:relative;width:75%;padding-left:10px;border-left:2px solid #1f94a8}.projects .project p{font-size:14px;font-weight:700;line-height:1;margin:0;opacity:.75}.projects .project span{font-style:normal;text-transform:uppercase;opacity:.75;color:#1f94a8}.menu{position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu .type{display:grid;width:30px;height:30px;background:#1f94a8;place-content:center}.jerb span{display:block;opacity:.5}.jerb h1:after{left:225px!important}.jerb h2{margin:5px 0 25px}.splash-screen{position:fixed;z-index:100;top:0;left:0;display:grid;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-content:center}.splash-screen .splash-card{width:800px}.skills{display:flex;flex-direction:row-reverse;align-items:top;justify-content:space-between}.skills ul{width:250px;list-style:none}.skills ul h1{margin-bottom:25px}.skills ul h1:after{left:0}.skills ul p{font-size:18px;margin:0;text-transform:lowercase}footer{display:flex;flex-direction:column;height:400px}footer:after{font-family:Raleway,sans-serif;font-size:15px;display:flex;width:100%;height:40px;margin-top:auto;padding-left:15px;content:"©Copyright " attr(data-copyright) " - David Friedrich";border-top:1px solid #ceced0;background:#e06b57;align-items:center}