html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}html{background-color:#fff;color:#006d77;font-family:Verdana,sans-serif;font-weight:300;scroll-behavior:smooth}body{background:#fff;color:#006d77;margin:0;padding-top:68px}#root{width:100%}a{text-decoration:none;cursor:pointer}p{margin-bottom:20px}a{color:#3f5765}a:hover{text-decoration:underline}h1{color:#006d77;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;font-size:1.6em;font-weight:700;padding:20px 0 20px 5%;text-transform:uppercase;width:95%}h1.bg-color{background-color:#efefef}h2{color:#006d77;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;font-size:1.8em;padding:50px 0 20px}h2.work-title{text-indent:6%}h3{color:#006d77;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;font-size:1.5em;padding-bottom:20px}section{margin:0 auto 4%;width:90%}footer{margin-top:15px;font-size:10px;padding:1.5% 5%;color:#006d77}header{background-color:#83c5be;display:flex;padding:10px 5%;position:fixed;width:90%;top:0;z-index:1}header #logo{font-size:.85em;display:block;text-transform:uppercase;white-space:nowrap}header #logo .circle-wrapper{color:#2b3a42;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif}header .circle{display:inline-block;width:48px;height:48px;border-radius:50%;font-size:1.2em;font-family:Pacifico,cursive;color:#efefef;line-height:2.8em;text-align:center;text-transform:lowercase;background:#3f5765}#main-nav{font-size:.85em;width:100%}#main-nav ul{display:flex;padding-left:50%;text-align:center}.code-nav{padding:20px 5% 0}.code-nav li{display:inline-block}.code-nav li a{background-color:#83c5be;border-radius:5px;display:inline-block;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;font-size:.7em;letter-spacing:.5px;margin-right:5px;margin-bottom:10px;padding:7px 7px 5px;color:#2b3a42}.code-nav li:hover a{color:#fff;background-color:#468eb8}.code-nav.external li a{background-color:#efefef;color:#2b3a42}.code-nav.external li:hover a{color:#468eb8}#main-nav .nav-list{width:100%;display:flex;justify-content:space-evenly;text-align:center}#main-nav li{line-height:48px;width:100%}#main-nav a{color:#2b3a42;display:block;text-transform:uppercase}#main-nav a:hover{color:#fff;cursor:pointer}#main-nav #sub-nav{display:block;width:100%;position:absolute;left:0;background-color:#bdd4de}#wrapper h3.title{width:100%}#wrapper .work{margin-bottom:50px;clear:both}#wrapper section.work{width:100%}#wrapper .work-item{display:flex;padding:3%;width:94%}#wrapper .work-item .text{width:30%;margin:0 3%}#wrapper .work-item .image{width:60%;margin:0 2%}#wrapper .work-item img{margin-bottom:10px;width:100%}#wrapper .work-item p{font-size:.9em;margin-bottom:26px}#wrapper .bg-color{background-color:#edf6f9;flex-direction:row-reverse}#wrapper .work .work-item .tech li{background-color:#272822;border-radius:5px;color:#bdd4de;display:inline-block;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;font-size:.7em;letter-spacing:.5px;margin-right:5px;margin-bottom:10px;padding:7px 7px 5px;text-transform:uppercase}#wrapper .code{font-size:.85em;margin:3% auto}.link-nav{padding:2% 5% 0}.link-nav li{display:inline-block}.link-nav li a{display:inline-block;height:26px;margin-right:10px;margin-bottom:10px;width:26px}section.about{display:flex}.about img{border-radius:100%;margin:0 5% 3% 0;width:20%;height:20%}.about .text{width:100%}.about ul li{list-style:disc inside}.tech-filter{background-color:#edf6f9;padding:10px 5%;font-family:Oxygen Mono,Lucida Console,Courier New,sans-serif;position:relative}.selected-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.pill{background-color:#006d77;color:#ffddd2;padding:.3rem .75rem;border-radius:9999px;font-size:.875rem;display:inline-flex;align-items:center}.pill .remove{background:none;border:none;color:inherit;font-weight:700;margin-left:.5rem;cursor:pointer}.tech-input{padding:.5rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box}.suggestions{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;max-height:200px;overflow-y:auto;position:absolute;z-index:10}.suggestions li{padding:.5rem;cursor:pointer}.suggestions li:hover{background-color:#f3f4f6}@media only screen and (max-width: 860px){#main-nav{background-color:#bdd4de;left:0;font-size:1.2em;height:320px;padding-top:50px;position:absolute;top:0;opacity:0;transition:visibility 0s,opacity .2s linear;visibility:hidden;width:100%}#main-nav.active{opacity:1;transition:visibility 0s,opacity .3s linear;visibility:visible}#main-nav ul{padding:0;display:block}#main-nav ul li{line-height:5em;text-align:center;width:100%}#main-nav a{width:100%}#wrapper .work-item{display:block;width:90%;padding:5%;margin:0 0 40px}#wrapper .work-item .text,#wrapper .work-item .image{margin:0;width:100%}}