@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kode+Mono:wght@400..700&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}:root{--main-font: "Kode Mono", monospace;--da-other-font: "Inter", sans-serif;--color-bg: #0e0e0e;--color-bg-dhim: #171717;--color-bg-dhim-50: #4343437d;--color-text-dark: #202124;--color-text-dhim: #8a8a8a;--color-foreground: #cdcdcd;--color-text-light: #e0e0e0;--color-btn-bg: #8ab4f8;--color-btn-bg-hover: #7098cd;--color-theme: #794db8;--main-gradient: radial-gradient(circle at top, #4d307646 10%, var(--color-bg) 90%);--preffered-distance: 10vw;--padding-inline: clamp(.5rem, var(--preffered-distance), 20rem);--main-heading-font-size: clamp(3rem, 8vw, 5rem);--section-heading-font-size: clamp(3rem, 8vw, 5rem)}::selection{background-color:#085979;color:var(--color-text-light)}::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}img{width:100%}h1{font-size:3rem}h2{font-size:2.3rem}h3{font-size:1.8rem}a{text-decoration:none;color:currentColor}li{list-style:none}button{border-radius:.5rem;padding:1rem 1.5rem;outline:none;border:none;cursor:pointer;color:var(--color-text-dark);background-color:var(--color-btn-bg);text-transform:capitalize;font-weight:500;transition:background-color .3s ease}button:hover{background-color:var(--color-btn-bg-hover)}.projects-main-wrapper{display:flex;flex-direction:column;max-width:1800px;max-height:100vh;max-height:100svh;overflow:hidden;background:var(--main-gradient)}.projects-page{--sidebar-width: 300px;margin:0;padding:0;padding-block:1rem;display:flex}.preview{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:80rem;max-height:90vh;margin:0 auto;text-align:center;overflow:auto}.projects{min-width:var(--sidebar-width);max-width:var(--sidebar-width);border-radius:1rem;background-color:#26282b;padding-inline:1rem;margin-bottom:6rem;overflow:auto}.project-smol-thumbnail{width:100%}.projects-page .project-card{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:transparent;margin-block:.5rem;width:100%;cursor:pointer;border-bottom:5px solid #1b1b1c}.projects-page .project-card:hover{background-color:#2a2b2c}.preview-project-title{position:relative;width:fit-content}.preview-project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.7em}.preview-project-tag-item{border-radius:.5rem;border:1px solid gold;padding:.2rem .5rem;opacity:.7;cursor:pointer}.preview-project-tag-item:hover{opacity:1}.project-preview-description{max-width:70ch;margin:0 auto}.project-name{line-height:1.1;font-size:clamp(1.5rem,2vw,2rem)}.project-short-des{margin-block-start:1rem}@media screen and (max-width: 600px){.project-short-des{display:none}.project-smol-thumbnail{min-width:11rem}}@media screen and (max-width: 950px){.projects-page{display:grid;grid-template-rows:4fr 1fr;grid-template-areas:"preview" "projects"}.projects{grid-area:projects;position:fixed;bottom:0;left:0;margin:0;display:flex;min-width:100vw;border-radius:0}.preview{grid-area:preview}.active-preview-project-card{background-color:transparent}.project-smol-thumbnail{max-width:10rem}.projects-page .project-card{flex-direction:row}.projects-page .project-card{background-color:#1e1e29;margin-inline:1rem;min-width:90vw;border:none}}.goaway{animation:goaway .5s ease forwards}.comeback{animation:comeback .5s ease forwards}@keyframes goaway{to{translate:0 -100px}}@keyframes comeback{0%{translate:0 -100px}to{translate:0}}html{color-scheme:dark;font-family:var(--main-font);font-size:11.25px;line-height:1.7}body{color:var(--color-foreground)}section{min-height:100vh;min-height:100svh;padding-inline:var(--padding-inline);font-family:var(--da-other-font);font-size:1.4rem;font-weight:300;margin-block:4rem}.khero{--preffered-distance: 18dvw;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--main-gradient)}.logo{cursor:pointer;font-size:clamp(1.2rem,5dvw,3rem);-webkit-user-select:none;user-select:none}.navbar{font-family:var(--main-font);font-size:3rem;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--padding-inline);background-color:var(--color-bg-dhim-50);-webkit-backdrop-filter:blur(11.25rem);backdrop-filter:blur(11.25rem);width:100%}.burger{display:none;cursor:pointer;font-size:.6em}.link-item{font-size:.5em;list-style:none}.links{display:flex;align-items:center;flex-wrap:wrap;gap:3rem;text-transform:uppercase}.khero-main{flex:1;padding-inline:var(--padding-inline);display:flex;flex-direction:column;justify-content:center;position:relative}.lorem12{font-family:monospace;position:relative;color:var(--color-text-dhim);cursor:pointer;font-weight:400;font-size:2em}.lorem12:after{content:attr(data-content);position:absolute;bottom:0%;left:0%}.khero-greeting{font-size:var(--main-heading-font-size);color:var(--color-theme);line-height:1.45}.khero-img{margin-right:var(--padding-inline);width:clamp(10rem,25dvw,30rem);position:absolute;right:0}.projects-section{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.section-heading{font-size:var(--section-heading-font-size);margin-block:clamp(3rem,10dvw,4rem);position:relative;width:fit-content;cursor:default;text-transform:uppercase}.section-heading:after,.preview-project-title:after{content:"";background-color:var(--color-theme);width:30%;border-radius:.5rem;height:.2rem;position:absolute;bottom:15%;left:50%;translate:-50% -50%;transition:width .3s ease}.section-heading:hover:after,.preview-project-title:hover:after{width:100%}.wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start}.project-card{line-height:1.5;width:clamp(29rem,25dvw,35rem);display:flex;flex-direction:column;align-items:flex-start;background-color:var(--color-bg-dhim);color:var(--color-text-dhim);padding:2rem;border-radius:.5rem;position:relative;transition:scale .3s ease,color .3s ease}.project-card:hover,.active-preview-project-card{scale:1.05;color:var(--color-foreground)}.project-title{margin-block-start:1rem;height:fit-content}.project-description{margin-block-end:1.5rem}.project-thumbnail{border-radius:.5rem}.project-actions{display:flex;flex-wrap:wrap;gap:1rem}.project-try-btn,.btn{padding:1rem 1.5rem;color:var(--color-text-dhim);background-color:var(--color-text-dark)}.project-try-btn a{width:100%;height:100%;border-radius:inherit}.project-try-btn:hover,.btn:hover{background-color:var(--color-text-dhim);color:var(--color-text-dark)}.about-me-section,.about-me-wrapper{display:flex;flex-direction:column;align-items:center}.story{max-width:50ch;text-align:center}.story-img{width:20rem}.project-preview-start-date{color:var(--color-text-dhim)}@media screen and (width < 636px){:root{--preffered-distance: 5vw}.navbar{padding-block:1rem}.khero-main{flex-direction:column;align-items:center;gap:2rem;text-align:center;line-height:1.7}.lorem12{font-size:1em}.lorem12:after{left:50%;translate:-50% 0%}.khero-img{position:relative;rotate:90deg}}@media screen and (width < 900px){.links{display:none}.burger{display:inline}}