body{counter-reset:section;background-color:#213434}h1,h2,h3,h4,h5,h6,p,span{color:#fff}p{margin:0 0 15px;font-size:20px}header{display:flex;justify-content:space-evenly;position:fixed;top:0;height:70px;width:100%;align-items:center;box-shadow:0 10px 30px -10px #213434;backdrop-filter:blur(5px);background-color:rgba(33,54,54,.85);z-index:11}header .buehler{font-size:32px;flex-grow:1;text-align:left;margin-left:100px;font-family:Roboto Mono,monospace;filter:blur(3px);transition:all .5s ease}header .buehler:hover{filter:blur(0)}header .buehler:before{content:"<";color:#64ffda}header .buehler:after{content:"/>";color:#64ffda}header a{margin-right:100px}header ol{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;list-style:none;counter-reset:nav}header ol a{counter-increment:nav;color:#ccd6f6;margin:16px}header ol li a:before{content:"0" counter(nav) ".";margin-right:5px;color:#64ffda;font-family:Roboto Mono,monospace;font-size:12px;text-align:right}@media(max-width:600px){header .buehler{margin-left:unset;text-align:center}header a,header ol{display:none}}p:focus{outline:2px dashed var(--green);outline-offset:3px}div .main{margin:auto;padding:0 100px}@media(max-width:600px){div .main{margin:auto;padding:0 10px}}section{text-align:left;min-height:50vh;max-width:900px;margin:0 auto;padding:100px 0}section h2.numbered-heading{margin-bottom:48px;position:relative;counter-increment:section;display:flex;align-items:center;font-size:32px}section h2.numbered-heading:before{content:"0" counter(section) ". ";color:#64ffda;margin-right:10px;font-family:Roboto Mono,monospace;font-size:24px}section h2.numbered-heading:after{content:" ";display:block;position:relative;top:0;height:1px;width:200px;background-color:#8892b0;margin-left:16px}section.jumbotron{min-height:100vh;max-width:800px;margin:0 auto;text-align:start;background-color:unset;border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:0}section.jumbotron h1{font-size:4rem;margin:unset}section.jumbotron h2.faded{margin-top:-1.5rem;font-size:2rem;opacity:.7;font-style:italic;font-weight:200}section.jumbotron p{font-size:1rem;font-weight:500;opacity:.9}.mono{font-family:Roboto Mono,monospace}ul.skills{display:grid;grid-template-columns:repeat(2,minmax(160px,200px));gap:0 10px;overflow:hidden;list-style:none}ul.skills li{position:relative;padding-left:24px;font-family:Roboto Mono,monospace;font-size:16px}ul.skills li:before{content:"►";position:absolute;left:0;color:#64ffda;line-height:24px}.green,a{color:#64ffda}a{display:inline-block;position:relative;cursor:pointer;text-decoration:none}a.button{margin-left:16px;padding:8px;border:1px solid #64ffda;border-radius:15px}a.button:after{content:unset}a:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#64ffda;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-in-out;z-index:-1}a:hover:after{transform:scaleX(1);transform-origin:bottom left}#app{font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#ccd6f6}.social-bar{width:40px;position:fixed;bottom:0;left:40px;right:auto;z-index:10;color:#ccd6f6}@media(max-width:600px){.social-bar{display:none}}.social-list{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;list-style:none}.social-list:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#ccd6f6}.social-list li a{padding:10px;color:#ccd6f6}.social-list li a:hover{transform:translateY(-3 px);color:#64ffda}.social-list li a:after{content:unset}.social-list li a svg{width:20px;height:20px}