@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/803974e4127973f0-s.32654a7e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4c6c4e3ac6c6a74a-s.d4527ff7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Russo One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3601f32897df77ee-s.p.2ad5c29d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Russo One Fallback;src:local(Arial);ascent-override:80.0%;descent-override:24.1%;line-gap-override:0.0%;size-adjust:115.75%}.russo_one_511ff542-module__iEXKYq__className{font-family:Russo One,Russo One Fallback;font-style:normal;font-weight:400}.russo_one_511ff542-module__iEXKYq__variable{--font-russo-one:"Russo One","Russo One Fallback"}
@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/64723a055278f4e2-s.6ff51430.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8c08b6f2c8078576-s.491fab0b.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3b6d63def0e755a7-s.7319d5af.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9d58fa4b5514e14e-s.e6d82040.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8ee12e7ce87f138b-s.043b4508.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4fa0557edb2ebb09-s.p.a88e4078.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_20624daa-module__eOThhq__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal;font-weight:500}.roboto_mono_20624daa-module__eOThhq__variable{--font-roboto-mono:"Roboto Mono","Roboto Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--mainColor:#eaeaea;--secondaryColor:#fff;--borderColor:#c1c1c1;--mainText:black;--secondaryText:#4b5156;--themeDotBorder:#24292e;--previewBg:#fbf9f3cc;--previewShadow:#f0ead6;--buttonColor:black}[data-theme=blue]{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--mainText:white;--secondaryText:#eee;--themeDotBorder:white;--previewBg:#192734cc;--previewShadow:#111921;--buttonColor:#17a2b8}[data-theme=green]{--mainColor:#606b56;--secondaryColor:#515a48;--borderColor:#161914;--mainText:white;--secondaryText:#eee;--themeDotBorder:white;--previewBg:#515a48cc;--previewShadow:#2a2f25;--buttonColor:#696}[data-theme=purple]{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--mainText:white;--secondaryText:#eee;--themeDotBorder:white;--previewBg:#1d1520cc;--previewShadow:#2b202f;--buttonColor:#8534a3}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}html,body{margin:0;padding:0}body *{transition:all .3s}h1,h2,h3,h4,h5,h6,strong{color:var(--mainText);font-family:var(--font-russo-one),sans-serif;font-weight:500}p,li,span,label,input,textarea{color:var(--secondaryText);font-family:var(--font-roboto-mono),monospace}hr{border-style:inset;border-width:1px;border-color:initial;margin-top:1em;margin-bottom:1em}p{margin-top:1em;margin-bottom:1em}a{color:#17a2b8;font-size:1.4rem;text-decoration:none}.email-special{font-size:1.3rem}.image-link{margin-top:1rem}.github-link,.live-link{font-family:sans-serif!important}.live-link,.github-link{align-items:center;display:inline-flex}.project-link-icon{width:1.5rem;height:1.5rem;margin-left:.6rem}ul{list-style:none}h1{font-size:56px}h2{font-size:36px}h3{margin-top:1em;margin-bottom:1em;font-size:28px}h4{margin-top:1em;margin-bottom:1em;font-size:24px}h5{font-size:20px}h6{font-size:16px}.s1{background-color:var(--mainColor);border-bottom:1px solid var(--borderColor);overflow:auto}.s2{background-color:var(--secondaryColor);border-bottom:1px solid var(--borderColor);overflow:auto}.main-container{width:80vw;margin:0 auto}.greeting-wrapper{text-align:center;align-content:center;min-height:10em;display:grid}.intro-wrapper{background-color:var(--secondaryColor);border:1px solid var(--borderColor);border-radius:5px 5px 0 0;grid-template-columns:1fr 1fr;grid-template-areas:"nav-wrapper nav-wrapper""left-column right-column";display:grid;box-shadow:20px 28px 24px #000000bf}.nav-wrapper{border-bottom:1px solid var(--borderColor);background-color:var(--mainColor);border-radius:5px 5px 0 0;grid-area:nav-wrapper;justify-content:space-between;align-items:center;display:flex}#navigation a{color:var(--mainText)}#navigation{margin:0;padding:10px}#navigation li{margin-right:5px;margin-left:5ps;display:inline-block}.dots-wrapper{padding:10px;display:flex}#dot-1{background-color:#fc6058}#dot-2{background-color:#fec02f}#dot-3{background-color:#2aca3e}.browser-dot{background-color:#000;border-radius:50%;width:15px;height:15px;margin:4px;box-shadow:-1px 1px 3px -1px #000000bf}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dots-wrapper-link:hover .browser-dot{animation:1.5s ease-in-out infinite wave}.dots-wrapper-link:hover #dot-1{animation-delay:0s}.dots-wrapper-link:hover #dot-2{animation-delay:.1s}.dots-wrapper-link:hover #dot-3{animation-delay:.2s}.left-column{grid-area:left-column;padding-top:50px;padding-bottom:50px}#profile_pic{object-fit:cover;border:2px solid var(--borderColor);width:250px;height:250px;margin:0 auto;display:block}#theme-options-wrapper{justify-content:center;display:flex}.theme-dot{border:2px solid var(--themeDotBorder);cursor:pointer;background-color:#000;border-radius:50%;width:30px;height:30px;margin:5px;box-shadow:-1px 1px 3px -1px #000000bf}.theme-dot:hover{border-width:5px}#light-mode{background-color:#fff}#blue-mode{background-color:#192734}#green-mode{background-color:#78866b}#purple-mode{background-color:#7e4c74}#settings-note{text-align:center;font-size:12px;font-style:italic}.right-column{grid-area:right-column;align-content:center;padding-top:50px;padding-bottom:50px;display:grid}.preview-shadow{background-color:var(--previewShadow);width:300px;height:180px;padding-top:30px;padding-left:30px}#preview{background-color:var(--previewBg);border:1.5px solid #17a2b8;width:300px;padding:15px;position:relative}.corner{background-color:#fff;border:1.5px solid #17a2b8;border-radius:50%;width:7px;height:7px;position:absolute}#corner-tl{top:-5px;left:-5px}#corner-tr{top:-5px;right:-5px}#corner-br{bottom:-5px;right:-5px}#corner-bl{bottom:-5px;left:-5px}.about-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding-top:50px;padding-bottom:50px;display:grid}.skills-grid{background-color:var(--previewShadow);border-radius:5px;grid-template-columns:repeat(2,auto);gap:2rem;padding:1.5rem;display:inline-grid}.skills-column{margin:0;padding:0}.social-links{text-align:center;align-content:center;display:grid}.social-links h3{max-width:300px;margin:0 auto 1em}.social-links>a{font-size:1.4rem;font-family:var(--font-roboto-mono),monospace}#social_img{width:100%}.post-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,350px));grid-auto-rows:1fr;justify-content:center;gap:20px;padding-bottom:50px;display:grid}.post{border:1px solid var(--borderColor);flex-direction:column;height:100%;display:flex;box-shadow:-1px 1px 3px -1px #000000bf}.theme-prompt{text-align:center;max-width:250px;margin:1em auto;line-height:1.4}.thumbnail{object-fit:cover;width:100%;height:180px;display:block}.post-preview{background-color:#fff;flex-direction:column;flex-grow:1;padding:15px;display:flex}.post-links-wrapper{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.post-preview>a{margin-top:auto;padding-top:1rem;font-family:Roboto Mono,monospace;font-size:1.2rem;font-weight:100}.post-title{color:#000}.post-intro{color:#4b5156;font-size:14px}#contact-form{background-color:var(--mainColor);border:1px solid var(--borderColor);border-radius:10px;max-width:600px;margin:0 auto 50px;padding:30px;display:block;box-shadow:0 4px 12px #0000000d}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:15px}#contact-form label{color:var(--secondaryText);margin-bottom:5px;font-size:14px;font-weight:500;display:block}.input-field{background-color:var(--secondaryColor);border:1px solid var(--borderColor);box-sizing:border-box;width:100%;color:var(--mainText);border-radius:5px;padding:10px;font-size:14px;transition:all .2s ease-in-out}.input-field:focus{border-color:#17a2b8;outline:none;box-shadow:0 0 0 3px #17a2b833}#contact-form textarea.input-field{resize:vertical;min-height:100px}#submit-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(45deg,#17a2b8,#117a8b);border:none;border-radius:5px;width:100%;margin-top:10px;padding:12px 20px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #17a2b833}#submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b84d}.error-message{color:#d9534f;margin-top:5px;font-size:12px}.form-status{text-align:center;border-radius:5px;margin-top:15px;padding:10px;font-size:14px}.form-status.success{color:#3c763d;background-color:#dff0d8;border:1px solid #d6e9c6}.form-status.error{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1}.stack{z-index:-1;background:#d6d1d1cc;width:100%;height:100%;position:absolute;top:-5px;left:-5px;box-shadow:-1px 1px 3px -1px #000000bf}.stack2{z-index:-2;background:#fff9;width:100%;height:100%;position:absolute;top:-10px;left:-10px;box-shadow:-1px 1px 3px -1px #000000bf}.stack-container{z-index:0;position:relative}@media screen and (max-width:850px){.main-container{width:95vw}}@media screen and (max-width:800px){.intro-wrapper{grid-template-columns:1fr;grid-template-areas:"nav-wrapper""left-column""right-column"}.right-column{justify-content:center}}@media screen and (max-width:400px){#preview-shadow{max-width:280px;height:180px;padding-top:10px;padding-left:10px}#preview{width:280px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}