:root{background-color:#222;color:#fff;font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;position:relative}#root{padding:1rem;position:relative;z-index:1}h1{font-size:2.2em;line-height:1.1;font-family:inherit}h2{font-size:1.5em;font-family:inherit}h3{font-size:1.17em;font-family:inherit}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#ccc}button{border-radius:0;border:1px solid #fff;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .25s,color .25s}button:hover{background-color:#fff;color:#222}button:focus,button:focus-visible{outline:2px solid #fff;outline-offset:2px}.main-container{max-width:700px;margin:0 auto;width:90%;border:1px solid #ccc;border-radius:10px;padding:1.5rem;margin-top:2rem;position:relative;z-index:2;background-color:#222}hr.separator{border:none;border-top:1px solid #ccc;margin:1rem 0}.left-text{text-align:left}.right-text{text-align:right}.small-margin{margin-top:.1rem;margin-bottom:.1rem}.top-margin{margin-top:1rem}.underlined-title{border-bottom:1px dashed #888;padding-bottom:.25rem;margin-bottom:.75rem;display:inline-block;margin-top:0}.underlined-title:before{content:"# ";color:#888}.about-me h1{text-transform:lowercase}.about-me h3{color:#ccc;text-transform:lowercase}.projects h3:before{content:"> ";color:#888}.sections h3:before{content:"> ";color:#888}.header-row{display:flex;justify-content:space-between;align-items:center}.social-icons{display:flex;gap:1rem;align-items:center}.icon-link{color:#ccc;display:inline-block;transition:color .2s ease-in-out,transform .2s ease-in-out;cursor:pointer}.icon-link:hover{color:#fff;transform:translateY(-2px)}.social-icons svg{width:20px;height:20px;display:block}.clipboard-notification{position:fixed;top:20px;right:20px;background-color:#282828e6;color:#fff;padding:.75rem 1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);font-size:.9rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-40px);transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;box-shadow:0 2px 10px #00000080}.clipboard-notification.visible{opacity:1;visibility:visible;transform:translateY(0)}