@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,800;1,300;1,400&display=swap");body{margin:0;padding:0;background:#353541;color:#fff}h1,h2,h3,h4,h5,h6,p,a,button,li{font-family:'Montserrat', sans-serif}h1{font-weight:800;font-size:3em;position:relative;color:#fff}h1.highlight{position:relative}h1.highlight:before{content:'';position:absolute;background:#9CDCFE;height:.2em;width:2.9em;top:1.2em;left:0}h2{color:#9CDCFE;font-weight:300;font-size:2em}h2.highlight{font-style:italic}h3{color:#9CDCFE;font-weight:400;font-size:1.5em;text-transform:uppercase}h3.highlight{border-left:3px solid #9CDCFE;padding-left:1em}ul{list-style:none;margin:0;padding:0}.tags{list-style:none;margin:0;overflow:hidden;padding:0;font-size:0.8rem}.tags li{float:left;background:#424250;border-radius:3px;color:#AAA;display:inline-block;height:2em;line-height:2em;padding:0 .8em 0 1.8em;position:relative;margin:0 10px 10px 0;text-decoration:none}.tags li::before{background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,0.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:10px}.watermark{font-size:19vw;color:#4EC9B0;z-index:-1;margin-left:-.1em;margin-top:0;margin-bottom:0;padding:0;overflow:hidden;text-overflow:clip}button.button-round{background:#C586C0;color:#fff;font-size:1.5em;font-weight:bold;padding:.5em .75em;border:none;border-radius:3em}button.button-round.secondary{background:none;border:.2em solid #C586C0;color:#C586C0;padding:.3em .55em}svg.octicon{position:relative;top:3px;left:3px;margin-right:3px;fill:#fff}.secondary svg.octicon{fill:#C586C0}svg.octicon-three-bars{fill:#9CDCFE}.social{display:flex;height:36px}.social img{object-fit:contain;width:36px;padding-right:20px}header{display:flex;justify-content:space-between;padding:1em;font-size:1.2em}header nav ul{display:none}header nav ul li a.active{text-decoration:underline;font-weight:bold}header nav ul.mobile-nav{position:absolute;top:0;right:0;background:#424250;height:100vh;width:60vw;z-index:1;padding:1em 2em 1em 1em}header nav ul.mobile-nav .social{padding:.8em}header nav ul.mobile-nav #close{background:none;border:none;float:right}header nav ul.mobile-nav #close .octicon{fill:#9CDCFE}header nav ul.mobile-nav li a{text-decoration:none;display:block;padding:.8em 1em;font-size:.9em}header nav ul.mobile-nav li a .octicon{fill:#9CDCFE}header nav ul.mobile-nav li a span{margin-left:.2em}header a,header strong{color:#9CDCFE}header,#hero,#about,#projects,#blog,#screenshots{padding-right:2em;padding-left:2em}#hero{padding-bottom:3em}#hero>*{margin-top:1em}#about{padding-bottom:3em;background:#3e3e4e;display:flex;flex-wrap:wrap;margin-left:-20px}#about>div{flex-basis:30%;flex-grow:3;margin:20px;min-width:10rem}#about p{width:18em}#about button{font-size:1em;margin-top:1em}#projects{padding:3em}#projects h1:before{background:#4EC9B0}#blog{background:#3e3e4e;padding-bottom:2em}#blog button{margin-top:.5em;margin-right:.8em}@media (min-width: 550px){.menu{display:none}#hero{padding-bottom:4em}header,#hero,#about,#projects,#blog,#screenshots{padding-right:8em;padding-left:8em}header{padding-right:6em;padding-left:6em}.desktop-nav{display:flex}.desktop-nav li a{text-decoration:none;display:block;padding:.3em .8em;font-size:.9em}.mobile-nav{display:none}}.projects{display:flex;flex-wrap:wrap;margin-left:-20px}.projects .project{flex-basis:30%;flex-grow:1;margin:20px;min-width:10rem}.projects .project img{width:100%}.projects .project p{margin-top:.25em}.projects .project a{color:#fff;text-decoration:none}.projects .project button{font-size:1em}.projects:before,.projects:after{content:"";order:2;height:1px;margin:20px;flex-grow:1;flex-basis:30%;min-width:10rem}.screenshots{display:flex;flex-wrap:wrap;margin-left:-20px}.screenshots .shot{flex-basis:45%;flex-grow:1;margin:20px;min-width:10rem}.screenshots .shot img{width:100%;box-shadow:#353541}.screenshots:before,.screenshots:after{content:"";order:2;height:1px;margin:20px;flex-grow:1;flex-basis:45%;min-width:10rem}.footer-nav a{color:#9CDCFE}