@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto+Mono:wght@100;200;300&display=swap);@font-face{font-family:Neue Machina Ultrabold;font-style:normal;font-weight:700;src:url(/static/media/NeueMachina-Ultrabold.07d4eef9a71d90303bbf.otf) format("opentype")}@font-face{font-family:Neue Machina Regular;font-style:normal;font-weight:400;src:url(/static/media/NeueMachina-Regular.6c408aeebce449ab7d74.otf) format("opentype")}@font-face{font-family:Helvetica Neue Medium Extended;font-style:normal;font-weight:medium;src:url(/static/media/Helvetica%20Neue%20Medium%20Extended.372d58a9bf10285baebe.ttf) format("truetype")}@font-face{font-family:Helvetica Neue Light;font-style:normal;font-weight:300;src:url(/static/media/HelveticaNeueLt.81d0ae0c15333948a37d.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html::-webkit-scrollbar{display:none}body{display:flex;flex-direction:column;font-family:Roboto Mono,monospace;margin:0 auto;max-width:1400px;min-height:100vh}a,body{color:#fff;cursor:crosshair}a{text-decoration:none}ul{list-style-type:none}.video-background{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.video-background:before{background:#000000d9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.video-background video{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:-2}.page{border:1px solid #fff;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 3rem);justify-content:space-between;margin:1.5rem;overflow:auto;padding:1rem}.page::-webkit-scrollbar{background:#0000;height:0;width:0}.header{align-items:flex-start;color:#fff;display:flex;flex-direction:column;height:auto;padding:1rem}.header h1{align-items:center;display:flex;font-family:Neue Machina Ultrabold,sans-serif;font-size:3rem}.header h1 small{font-size:2rem}.header a{font-family:Roboto Mono,monospace}.header a:hover{color:#41e0d0}.header .header-links{display:flex;justify-content:space-between;width:100%}.header .header-links .internal-links{font-size:.8rem;width:auto}.header .header-links .internal-links a{font-family:Neue Machina regular,sans-serif;line-height:1.2}.header .header-links .external-links{display:flex;justify-content:flex-end;width:auto}.main{display:flex;flex-grow:1;position:relative}.main .navbar{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;margin:0 1rem 1rem 0;position:absolute}.main .navbar ul li a{display:flex;font-family:Roboto Mono,monospace;padding:.15rem .5rem}.main .navbar ul li a:hover{background:#41e0d0;color:#000}.main .navbar ul li a small{padding-right:.5rem}.main .navbar .outer-link{align-items:center;display:flex}.main .navbar .space{margin:.75rem}.main .about{border-radius:8px;line-height:1.6;margin:auto;max-width:800px;padding:0 2rem 2rem}.main .about h2{color:#41e0d0;font-family:Neue Machina regular,sans-serif;font-size:2rem;margin-bottom:1rem;text-align:center}.main .about p{margin-bottom:16px}.main .about p h3{font-family:Neue Machina regular,sans-serif}.main .about p:last-child{margin-bottom:0}.main .about .about-text{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.main .about .about-text p:last-child{grid-column:1/-1}.main .about .about-contact{margin:1rem 0}.main .about .about-contact h3{color:#41e0d0;font-family:Neue Machina regular,sans-serif}.main .about .about-contact ul li a{align-items:center;display:flex;flex-direction:row}.main .about .about-contact ul li a:hover{background:#41e0d0;color:#000}.main .about .about-link{background:#41e0d0;padding:.25rem;width:calc(50% - 1rem)}.main .about .about-link a{color:#000;display:flex;justify-content:center}.main .programming{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 3fr}.main .programming .project-list a{color:#fff;display:inline-block;margin-left:.2rem;position:relative;text-align:center;text-decoration:none}.main .programming .project-list a:before{background-color:#41e0d0;bottom:-.2rem;content:"";height:.1rem;left:0;position:absolute;transition:width .3s linear;width:0}.main .programming .project-list a:hover:before{width:100%}.main .programming .project-list a:hover:after{background-color:#41e0d0;content:" <";height:.1rem;position:absolute;right:-.5rem;top:0;transition:width .3s linear;width:0}.main .programming .project-list a.active:before{width:100%}.main .programming .project-list h3{margin-left:5px}.main .programming .project-list hr{margin:.25rem 0;width:220px}.main .programming .project-list .top-hr{margin-top:2.5rem}.main .programming .project-list li{font-size:.9rem;margin:.25rem 0}.main .programming .project-list li a{text-align:left}.main .programming .project-list li a:hover{color:#41e0d0}.main .programming .project-card{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around;margin-right:1rem}.main .programming .project-card hr{border:1px solid #41e0d0;margin:.5rem 0;width:100%}.main .programming .project-card .tags{display:flex;gap:.25rem;margin:.7rem 0}.main .programming .project-card .tags .tag{color:#41e0d0;font-size:.75rem;padding:.25rem}.main .programming .project-card .tags .tag:hover{background:#41e0d0;color:#000}.main .programming .project-card .links{display:flex;font-size:.75rem;justify-content:space-between;margin:1rem 0;width:100%}.main .programming .project-card .links .github{border:1px solid #000;padding:.5rem}.main .programming .project-card .links .github:hover{border:1px solid #fff}.main .programming .project-card .links .live-demo{align-items:center;border:1px solid #41e0d0;color:#41e0d0;display:flex;font-size:1.1rem;padding:.5rem}.main .programming .project-card .links .live-demo svg{margin-left:.5rem}.main .programming .project-card .links .live-demo:hover{background:#41e0d0;border:1px solid #41e0d0;color:#000}.main .programming .project-card .links .github{align-items:center;display:flex}.main .programming .project-card .links .github svg{margin-left:.5rem}.main .programming .project-card .images{display:flex;flex-direction:column;gap:.7rem;margin:1rem}.main .programming .project-card .images .image-wrapper,.main .programming .project-card .images .image-wrapper img{width:100%}.main .programming .project-card .image-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.main .programming .project-card .image-modal .enlarged-image{max-height:80%;max-width:80%}.main .programming .project-card .image-modal .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:5px 10px;position:absolute;right:100px;top:130px}@media(max-width:650px){.page{margin:.35rem;padding:.35rem}.header{align-items:baseline;display:flex;flex-direction:column;height:auto}.header h1{font-size:2rem}.header a{padding:0;width:100%}.header .header-links .internal-links{font-size:.45rem}.header .header-links .external-links{font-size:.55rem}.header .header-links .external-links svg{height:5px}.main{align-items:flex-start;justify-content:space-evenly}.main .navbar{display:none}.main .about h2,.main .about h3{font-size:.95rem}.main .about .about-link a,.main .about p{font-size:.45rem}.main .design{font-size:.7rem}.main .programming{gap:.25rem}.main .programming .project-list a,.main .programming .project-list h2,.main .programming .project-list h3,.main .programming .project-list p{font-size:.35rem}.main .programming .project-list hr{width:auto}.main .programming .project-list .top-hr{margin-top:1rem}.main .programming .project-list li{line-height:.7;margin:0;padding:0}.main .programming .project-card{margin:0;width:250px}.main .programming .project-card a,.main .programming .project-card p{font-size:.45rem}.main .programming .project-card h2,.main .programming .project-card h3{font-size:.75rem!important}.main .programming .project-card hr{margin:0}.main .programming .project-card .links{margin:0;padding:0}.main .programming .project-card .links a,.main .programming .project-card .links p{font-size:.45rem}.main .programming .project-card .links h2,.main .programming .project-card .links h3{font-size:.75rem}.main .programming .project-card .links .live-demo{font-size:.45rem;margin:0;padding:.25rem}.main .programming .project-card .tags{width:200px!important}.main .programming .project-card .tags li{flex-direction:column;font-size:.35rem!important;margin:0!important;padding:0!important}.main .programming .project-card .images{margin:0}}@media(min-width:650px)and (max-width:819px){.main .about h2{line-height:1.3;text-align:left!important}.main .about .about-text{grid-template-columns:1fr!important}.main .programming{align-items:start;gap:.5rem;grid-template-columns:1fr 3fr;justify-items:center}.main .programming .project-list{font-size:.75rem}.main .programming .project-list hr{width:auto}.main .programming .project-list a{text-align:left}.main .programming .project-list li{margin:.25rem 0}.main .programming .project-card{font-size:.75rem}.main .programming .project-card h2{margin-top:8px}.main .programming .project-card .tags{display:grid;grid-template-columns:1fr 1fr 1fr}.main .programming .project-card .images{flex-direction:column}.main .programming .project-card .images .image-wrapper{width:100%}}@media(max-height:1050px){.main .navbar{display:none}}
/*# sourceMappingURL=main.a8fbad1c.css.map*/