@font-face{font-family:Moon Walker Personal Use;font-style:normal;font-weight:400;src:url(/static/media/MoonWalkerPersonalUse.02a6ba3f956351fb69ff.woff2) format("woff2"),url(/static/media/MoonWalkerPersonalUse.0615a8cc66ba1de318c1.woff) format("woff"),url(/static/media/MoonWalkerPersonalUse.db5991d3df7260a19861.ttf) format("truetype")}:root{--font-primary:"Hind",sans-serif;--font-family-heading:"Oswald",sans-serif;--logo-font:"Moon Walker Personal Use","Courier New",monospace;--font-size-small:14px;--font-size-content:16px;--font-size-paragraph:18px;--font-size-subheading:20px;--font-size-headingTwo:48px;--font-size-heading:64px;--logo-font-size:48px;--font-weight-bold:600;--line-height-default:1.6;--line-height-paragraph:40px;--color-black:#000;--color-white:#fff;--color-grey-light:#d4d4d4;--color-grey-dark:#888;--color-accent:gold;--color-accent-light:#ffeb3b;--color-border-translucent:#fff3;--color-background-translucent:#ffffff4d;--text-color-light:var(--color-black);--text-color-dark:var(--color-white);--color-scroll-message:var(--color-grey-dark);--color-dot-inactive:#bbb;--color-dot-active:var(--color-grey-dark);--color-hover-accent:var(--color-accent);--color-border:#ffffff4d;--background-light:linear-gradient(135deg,var(--color-white),#e9e8e8);--background-dark:linear-gradient(135deg,#121212,#2c2c2c);--background-light-translucent:var(--color-background-translucent);--background-dark-translucent:#0000004d;--navbar-width:200px;--navbar-bg-light:#000c;--navbar-bg-dark:var(--color-border-translucent);--navbar-text-light:var(--color-white);--navbar-text-dark:#e9e8e8;--cursor-default:url(/static/media/mouse.8ef57f0444c1c730927a.svg),auto;--cursor-hover:url(/static/media/mouseHover.17037416642fae5b61f2.svg),auto;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--opacity-default:0.8;--box-shadow:0 4px 8px #0000001a;--border-radius:8px;--border-radius-circle:50%;--line-width:1px;--spacing-xsmall:8px;--spacing-small:16px;--spacing-medium:24px;--spacing-large:32px;--spacing-xlarge:48px;--icon-size:20px;--height-full:100vh}@media (max-width:800px){:root{--font-size-heading:40px;--font-size-headingTwo:32px;--font-size-paragraph:var(--font-size-content);--logo-font-size:40px;--font-size-small:12px}}@media (max-width:500px){:root{--font-size-heading:32px;--font-size-headingTwo:24px;--font-size-subheading:16px;--font-size-paragraph:14px}}body{box-sizing:border-box;cursor:var(--cursor-default);font-family:var(--font-primary);line-height:var(--line-height-default);margin:0;padding:0;transition:var(--transition)}main{width:100%}h1,h2,h3,h4,h5{font-family:var(--font-family-heading)}h1{font-size:var(--font-size-heading)}h1,h2{margin-bottom:var(--spacing-large);margin-top:0}h2{font-size:var(--font-size-headingTwo)}@media (max-width:800px){h2{margin-bottom:var(--spacing-small)}}h3{font-size:var(--font-size-subheading)}p{font-size:var(--font-size-paragraph)}.App{align-items:center;display:flex;flex-direction:column;justify-content:center}.light-mode{background:var(--background-light);color:var(--text-color-light)}.dark-mode{background:var(--background-dark);color:var(--text-color-dark)}section{align-items:center;color:inherit;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1344px;padding:0 var(--spacing-large);text-align:center;transition:var(--transition)}@media (max-width:800px){section{padding:0 var(--spacing-small)}}.mobile-warning{background-color:var(--color-hover-accent);color:var(--text-color-light);height:100vh;left:0;padding:var(--spacing-small);position:fixed;right:0;text-align:center;top:0;z-index:1000;p{font-size:var(--font-size-headingTwo);font-weight:700}}.hero-section{position:relative;top:25vh}@media (max-height:850px){.hero-section{top:18vh}}@media (max-width:800px){.hero-section{top:15vh}}.author-image,.author-image-container{border-radius:var(--border-radius-circle)}.author-image{border:var(--spacing-xsmall) solid var(--color-accent);height:200px;object-fit:cover;width:200px}.scroll-message-container{animation:fadeInUp 1.5s ease-out infinite;bottom:48px;position:absolute;z-index:10}@media (max-height:850px){.scroll-message-container{bottom:24px}}@media (max-width:800px){.scroll-message-container{bottom:100px}}.scroll-message{color:var(--color-scroll-message);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);opacity:.8;transition:var(--transition)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-24px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}.technology-section{margin-bottom:3rem;position:relative;top:20vh}@media (max-width:800px){.technology-section{top:15vh}}@media (max-width:700px){.technology-section{top:9vh}}.technology-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-medium);justify-content:center}.technology-box{align-items:center;border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;min-width:90px;padding:var(--spacing-small) var(--spacing-medium)}.tech-logo{font-size:2.5rem;margin-bottom:.5rem}.tech-logo.react{color:#61dafb}.tech-logo.vue{color:#42b883}.tech-logo.js{color:#f7df1e}.tech-logo.sass{color:#c69}.tech-logo.ts{color:#3178c6}.tech-logo.node{color:#393}.tech-logo.php{color:#777bb4}.tech-logo.git{color:#f05032}.tech-logo.bootstrap{color:#7952b3}.tech-logo.d3{color:#f9a03c}.tech-logo.html{color:#e34f26}.tech-logo.css{color:#1572b6}@media (max-width:485px){.hide-on-mobile{display:none}}@media (max-height:800px){.hide-on-mobile{display:none}}.technology-box span{font-size:1rem;margin-top:.25rem}@media (max-width:700px){.technology-container{gap:var(--spacing-small)}}.expertise-section{position:relative;top:20vh}@media (max-width:800px){.expertise-section{top:15vh}}@media (max-width:700px){.expertise-section{top:9vh}}.expertise-container{display:flex;flex-direction:row;gap:var(--spacing-medium);justify-content:space-between}@media (max-width:800px){.expertise-container{flex-direction:column;gap:var(--spacing-small)}}.expertise-box{background:#ffffff26;border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-medium);width:-webkit-fill-available}@media (max-width:800px){.expertise-box{padding:var(--spacing-small) var(--spacing-xsmall);h3{margin-top:0}p{margin-bottom:0}}}.expertise-box h3{align-items:center;display:flex;gap:var(--spacing-small);justify-content:center;position:relative}.expertise-box h3:before{background:var(--color-accent);border-radius:var(--border-radius);bottom:-8px;content:"";height:4px;position:absolute;width:50%}.expertise-icon{font-size:var(--font-size-subheading)}.work-section{position:relative;top:20vh}@media (max-width:800px){.work-section{top:15vh;width:100%}}@media (max-width:700px){.work-section{top:9vh}}@media (max-width:500px){.work-section{width:75%}}.work-grid{grid-gap:var(--spacing-medium);display:grid;gap:var(--spacing-medium);grid-template-columns:1fr 1fr 1fr 1fr;width:100%}@media (max-width:800px){.work-grid{gap:var(--spacing-small);grid-template-columns:1fr 1fr}}@media (max-width:500px){.work-grid{grid-template-columns:1fr}}.work-item{border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:var(--cursor-hover);overflow:hidden}.work-thumbnail{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(80%);height:200px;opacity:.8;transition:var(--transition)}@media (max-width:1250px){.work-thumbnail{height:100px}}@media (max-width:800px){.work-thumbnail{height:15vh}}@media (max-width:500px){.work-thumbnail{height:13vh}}.work-item:hover .work-thumbnail{filter:grayscale(0);opacity:1}.work-item h3{color:var(--text-color-dark);margin:0;padding:var(--spacing-small);transition:var(--transition)}@media (max-width:500px){.work-item h3{display:none}}.light-mode .work-item h3{background-color:var(--navbar-bg-light)}.dark-mode .work-item h3{background-color:var(--color-border-translucent)}.work-item:hover h3{background-color:var(--color-hover-accent);color:var(--text-color-light)}.work-item p{font-size:var(--font-size-paragraph);margin:0;padding:var(--spacing-small)}@media (max-width:800px){.work-item p{display:none}}.work-link{color:inherit;cursor:var(--cursor-hover);text-decoration:none}.contact-section{position:relative;top:20vh}.contact-section p{font-size:var(--font-size-paragraph);margin-bottom:var(--spacing-medium)}.social-links{margin-top:var(--spacing-large);transition:0}.social-links a{color:inherit;cursor:var(--cursor-hover);font-size:32px;margin:0 var(--spacing-small);text-decoration:none}@media (max-width:800px){.social-links a{font-size:24px}}.social-links a:hover{color:var(--color-hover-accent);transition:var(--transition)}.dropdown-container{cursor:var(--cursor-hover);display:inline-block;position:relative}.dropdown-menu{background-color:var(--color-white);box-shadow:var(--box-shadow);left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:100%;z-index:1}.dropdown-item{color:var(--text-color-light);cursor:var(--cursor-hover);display:block;padding:var(--spacing-small);text-decoration:none;transition:var(--transition)}.dropdown-item:hover{background-color:var(--navbar-text-dark)}.primary-button{background:linear-gradient(135deg,#ffb300,#ff6f00);border:none;border-radius:var(--border-radius);color:var(--text-color-dark);cursor:var(--cursor-hover);display:inline-block;font-size:var(--font-size-small);font-weight:700;margin-top:12px;overflow:hidden;padding:var(--spacing-small) var(--spacing-large);position:relative;text-align:center;text-decoration:none;transition:var(--transition)}.primary-button:hover{animation:hoverAnimation .5s;background:linear-gradient(135deg,#ff6f00,#ffb300);transform:scale(1.05) rotate(3deg)}.primary-button:active{animation:activeAnimation .5s;transform:scale(.98) rotate(-3deg)}.primary-button:focus{outline:none}@keyframes hoverAnimation{0%{background:linear-gradient(135deg,#ffb300,#ff6f00);transform:scale(1) rotate(0)}to{background:linear-gradient(135deg,#ff6f00,#ffb300);transform:scale(1.05) rotate(3deg)}}@keyframes activeAnimation{0%{background:linear-gradient(135deg,#ffb300,#ff6f00);transform:scale(1) rotate(0)}to{background:linear-gradient(135deg,#ff6f00,#ffb300);transform:scale(.98) rotate(-3deg)}}.project-page{background:#0000!important;margin:var(--spacing-xlarge) auto 0 auto;margin-bottom:var(--spacing-large);max-width:1344px;min-height:100vh;padding:0 var(--spacing-large);width:auto}@media (max-width:800px){.project-page{margin:var(--spacing-medium) auto 0 auto;padding:0 var(--spacing-small)}}.project-page section{align-items:flex-start;flex-direction:row;gap:var(--spacing-large);height:fit-content;justify-content:space-between;padding:0}@media (max-width:800px){.project-page section{flex-direction:column;gap:var(--spacing-xsmall);.overview,.technologies{width:100%!important}.technologies{text-align:left!important}}}.project-page section .overview{text-align:left;width:70%}.project-page section .technologies{text-align:right}.project-page section p{font-size:var(--font-size-content)}.project-page h2,.project-page h3{font-size:var(--font-size-paragraph);margin:auto 0}.project-page h1{margin-top:var(--spacing-large)}.project-details{align-items:flex-start;display:flex;flex-direction:column;margin-top:var(--spacing-medium)}.project-details img{border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:auto;margin-bottom:var(--spacing-medium);width:100%}@media (max-width:800px){.project-details img{margin-bottom:var(--spacing-small);margin-top:var(--spacing-small)}}.dark-mode .project-details img{border:1px solid #fff3}.back-button{border:none;border-radius:var(--border-radius);color:var(--color-grey-light);cursor:var(--cursor-hover);font-size:var(--font-size-small);padding:var(--spacing-small) var(--spacing-medium);transition:var(--transition)}.light-mode .back-button{background-color:var(--navbar-bg-light)}.dark-mode .back-button{background-color:var(--color-border-translucent)}.back-button:hover{background-color:var(--color-hover-accent);color:var(--text-color-light)}.back-button:focus{outline:none}.back-button .back-button-text{margin-left:var(--spacing-xsmall)}.image-preview-list{display:flex;flex-wrap:wrap;gap:var(--spacing-small);justify-content:flex-start;margin-top:var(--spacing-small)}@media (max-width:800px){.image-preview-list{margin-top:var(--spacing-xsmall);img{margin-bottom:0;margin-top:0}}}.image-preview{border-radius:0!important;cursor:var(--cursor-hover);height:60px!important;object-fit:cover;padding:4px;transition:var(--transition);width:80px!important}.light-mode .image-preview{border:2px solid var(--background-dark-translucent)!important}.dark-mode .image-preview{border:2px solid var(--background-light-translucent)!important}.image-preview.active{border-color:var(--color-hover-accent)!important;transform:scale(1.1)}.image-preview:hover{transform:scale(1.05)}@media (max-width:800px){.image-preview-list{gap:var(--spacing-xsmall)}.image-preview{height:35px!important;width:50px!important}.image-preview.active{transform:scale(1.02)}}.navbar{font-size:var(--font-size-small);height:fit-content;position:fixed;right:var(--spacing-xlarge);text-align:right;top:var(--spacing-xlarge);width:auto;z-index:10}@media (max-width:800px){.navbar{align-items:stretch;border-radius:0;bottom:0;display:flex;flex-direction:column;padding:0;right:0;top:auto;width:100%}.primary-button{position:fixed;right:var(--spacing-small);top:var(--spacing-small)}}.light-mode .navbar ul{background-color:var(--navbar-bg-light);color:var(--navbar-text-light)}.dark-mode .navbar ul{background-color:var(--navbar-bg-dark);color:var(--navbar-text-dark)}.navbar ul{border-radius:var(--border-radius);display:flex;gap:var(--spacing-small);list-style:none;margin:0;padding:0 var(--spacing-medium);transition:var(--transition)}@media (max-width:800px){.navbar ul{border-radius:0;justify-content:space-evenly}}.navbar li{cursor:var(--cursor-hover);opacity:.8;padding:var(--spacing-small);position:relative;transition:var(--transition);transition:none}.navbar li:hover{color:var(--color-hover-accent);opacity:1;transform:scale(1.05)}.navbar li:not(.active){filter:blur(.5px)}.navbar li.active{filter:none}.navbar li.active,.navbar li.active:before{color:var(--color-hover-accent);font-weight:700}.navbar li.active:before{content:"❖";left:0;position:absolute}@media (max-width:800px){.navbar li.active:before{left:2px}}.toggle-switch-container{display:flex;gap:var(--spacing-medium);left:var(--spacing-xlarge);position:fixed;top:var(--spacing-xlarge);z-index:100}@media (max-width:800px){.toggle-switch-container{left:var(--spacing-medium);top:var(--spacing-medium)}}.toggle-switch{display:inline-block;height:36px;position:relative;width:70px}@media (max-width:800px){.toggle-switch{height:32px;width:66px}}.toggle-switch input{height:0;opacity:0;width:0}.slider{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:36px;bottom:0;cursor:var(--cursor-hover);display:flex;justify-content:space-between;left:0;padding:0 var(--spacing-xsmall);right:0;top:0}.slider,.slider:before{position:absolute;transition:var(--transition)}.slider:before{background-color:var(--color-white);border-radius:var(--border-radius-circle);bottom:4px;box-shadow:-3px 1px 15px #0000004d;content:"";height:28px;left:4px;width:28px}@media (max-width:800px){.slider:before{height:24px;width:24px}}input:checked+.slider{background:linear-gradient(135deg,#333,#1e1e1e);box-shadow:-3px 1px 15px var(--color-accent)}input:checked+.slider:before{background-color:var(--color-accent-light);box-shadow:0 0 8px #ffeb3bb3;transform:translateX(34px)}.slider .icon-moon,.slider .icon-sun{font-size:var(--icon-size);height:24px;opacity:0;transition:var(--transition)}.slider .icon-sun{color:var(--color-accent)}.slider .icon-moon{color:var(--color-accent-light)}input:checked+.slider .icon-sun,input:not(:checked)+.slider .icon-moon{opacity:1}.logo{font-family:var(--logo-font);font-size:var(--logo-font-size);line-height:130%}.line{height:var(--line-height-paragraph);transition:var(--transition);width:var(--line-width)}.light-mode .line{background-color:var(--color-black)}.dark-mode .line{background-color:var(--color-white)}body.default-scroll{overflow-y:auto;scroll-behavior:auto}body.custom-scroll,body.default-scroll{transition:all .4s cubic-bezier(.4,0,.2,1)}body.custom-scroll{overflow-y:hidden;scroll-behavior:smooth}
/*# sourceMappingURL=main.3b4aaf85.css.map*/