:root,[data-theme=dark]{--bg: #222222;--text-primary: #e6e6e6;--text-secondary: #b3b3b3;--muted: #888888;--border-dashed: #444444;--border: #333333;--link: #477dca;--link-hover: #6ba5f2;--button-icon-inset: #e6e6e6;--button-text: #222222;--button-hover-text: #e6e6e6;--button-hover-border: #e6e6e6;--code-bg: #1c1c1f;--code-text: #d4d4d8;--selection-bg: #2563eb;--selection-text: #ffffff;color-scheme:dark}[data-theme=light]{--bg: #ffffff;--text-primary: #333333;--text-secondary: #555555;--muted: #777777;--border-dashed: #cccccc;--border: #e5e5e5;--link: #477dca;--link-hover: #355e98;--button-icon-inset: #333333;--button-text: #ffffff;--button-hover-text: #333333;--button-hover-border: #333333;--code-bg: #f8fafc;--code-text: #334155;--selection-bg: #bfdbfe;--selection-text: #1e293b;color-scheme:light}html{box-sizing:border-box;font-size:10px;background-color:var(--bg)}*,*:after,*:before{box-sizing:inherit}::selection{background-color:var(--selection-bg);color:var(--selection-text)}body{background-color:var(--bg);color:var(--text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-feature-settings:"kern","liga","pnum";font-size:1.6rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .18s ease,color .18s ease}@media (prefers-reduced-motion: reduce){body,*,*:before,*:after{transition:none!important}}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;line-height:1.2;margin:0 0 .75rem}h1{font-size:4rem;margin-bottom:.1rem;font-weight:500;color:var(--text-primary)}h2{font-weight:300;font-size:2rem;color:var(--text-secondary)}h3{font-weight:300;font-size:3rem;text-align:center;border-bottom:dashed 2px var(--border-dashed);padding-bottom:14px;margin-top:50px;margin-bottom:35px;color:var(--text-primary)}h4{font-weight:300;font-size:2.5rem;margin-bottom:3px;color:var(--text-primary)}p,ul{font-size:1.6rem;text-align:justify;margin:0 0 .75rem;color:var(--text-primary)}ul{padding-left:20px}li{margin-bottom:.75rem}a{color:var(--link);text-decoration:none;transition:color .15s ease;cursor:pointer}a:hover,a:focus,a:active{color:var(--link-hover);text-decoration:none}a i{font-size:1.6rem}.container{margin-top:30px}.header-container{margin-top:50px}.header-left{margin-top:30px}.header-right{text-align:right}.header-right p{font-size:1.6rem;text-align:right;margin-bottom:3px;color:var(--text-secondary)}.header-right a{color:var(--link);font-weight:500}.header-top-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:15px}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:transparent;border:1px solid var(--border-dashed);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .15s ease}.theme-toggle-btn:hover{background-color:#ffffff14;border-color:var(--link);transform:scale(1.05)}.theme-toggle-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}.theme-toggle-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.theme-icon{width:20px;height:20px;transition:transform .18s ease}.theme-toggle-btn:hover .theme-icon{transform:rotate(15deg)}ul.icons{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0;margin:0;font-size:1rem;list-style:none;text-align:right;flex-wrap:wrap}ul.icons li{list-style:none;padding:0;margin:0}.button{min-width:150px;border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;border-radius:0;float:none;margin:0 auto;padding:5px 20px;display:inline-block;font-weight:400;max-width:400px}.button--round-l{border-radius:40px}.button.button--sacnite{width:60px;height:60px;min-width:0;padding:0;color:var(--button-text);transition:color .3s;display:inline-flex;align-items:center;justify-content:center}.button--sacnite:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;box-shadow:inset 0 0 0 35px var(--button-icon-inset);transform:scale3d(.9,.9,1);transition:box-shadow .3s,transform .3s}.button--sacnite:hover{color:var(--button-hover-text)}.button--sacnite:hover:before{box-shadow:inset 0 0 0 2px var(--button-hover-border);transform:scaleZ(1)}.icons i{font-size:28px;line-height:60px;color:currentColor}.profile-img{width:200px;height:200px;margin:0 auto 20px;display:block;border-radius:100px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 20px #636161}.what-i-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3.5rem;width:100%;margin-top:1rem}.what-i-build-item{display:flex;flex-direction:column}.layout{margin-top:2rem;display:flex;flex-direction:row}.layout .details{display:flex;flex-direction:column;text-align:left;justify-content:flex-start;vertical-align:top}.layout .details p{margin-bottom:3px;font-size:1.6rem;text-align:inherit;font-weight:300;color:var(--text-secondary)}.layout .details p b{font-weight:500;color:var(--text-primary)}.layout .details a{color:var(--link);font-weight:400}.layout .details a:hover{color:var(--link-hover)}.layout .details .fa,.layout .details .fab{font-size:1.6rem}.layout .details h4{margin-bottom:.1rem;font-weight:500;font-size:2.2rem;color:var(--text-primary)}.layout .content p{line-height:1.55;color:var(--text-primary)}.layout-left .details{margin-bottom:1.5rem}.layout-top{flex-direction:column}.layout-top .details,.layout-top .content{width:100%}.footer-container{margin-top:45px;margin-bottom:35px;padding-top:20px;border-top:1px solid var(--border-dashed)}.footer-container p{text-align:center;font-style:normal;font-weight:400;font-size:1.5rem;line-height:1.6}.footer-container a{color:var(--link)}.footer-container a:hover{color:var(--link-hover)}@media screen and (max-width: 992px){ul.icons{justify-content:flex-end}}@media screen and (max-width: 767px){.header-container div{text-align:center}.header-left{margin-top:0}.header-right p{text-align:center}.header-top-controls,ul.icons{justify-content:center}.what-i-build-grid{grid-template-columns:1fr;gap:2rem}.layout-left,.layout-right{flex-direction:column}.layout .details,.layout .details p{text-align:center!important}p,ul{text-align:left}}@media screen and (max-width: 600px){ul.icons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}ul.icons li{flex:0 0 auto}}@media print{.container{margin-top:20px}.header-left{margin-top:0}h3{margin-bottom:20px}.theme-toggle-btn,.no-print,.no-print *{display:none!important}.col-print-12{width:100%!important}}