:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.AboutMe{background-color:var(--background-color);color:var(--text-color);flex:1;justify-content:center;align-items:center;padding:40px;transition:background-color .5s ease,color .5s ease}.AboutMe-header{text-align:center;padding:40px;margin:0;font-size:var(--header-font-size);line-height:calc(75px + 2vmin);font-weight:bolder;color:var(--text-color);animation:fadeIn 1s ease-in}.AboutMe-Intro-Para,.AboutMe-Para{background-color:transparent;color:var(--text-color);text-align:center;font-size:var(--para-font-size);line-height:calc(25px + 2vmin);margin-left:30px;margin-right:30px;padding:30px;animation:fadeIn 1.5s ease-in}.AboutMe-Para{padding-bottom:60px;font-size:calc(5px + 2vmin)}.AboutMe .containerStyles{width:80%;height:560px;margin:0 auto;padding-bottom:30px;max-width:1000px}:root{--background-color: #282c34;--text-color: white;--button-bg-color: white;--button-text-color: black;--hover-bg-color: #3c3f41}@media (prefers-color-scheme: dark){:root{--background-color: #1e1e1e;--text-color: #ffffff;--button-bg-color: #f0f0f0;--button-text-color: #1e1e1e}}.Resume{background-color:var(--background-color);justify-content:center;text-align:center;padding:40px;color:var(--text-color);transition:background-color .5s ease,color .5s ease}.Resume-header{font-size:calc(50px + 2vmin);line-height:calc(75px + 2vmin);font-weight:bolder;margin-bottom:10px;color:var(--text-color);transition:color .5s ease}.Resume-Button{background-color:var(--button-bg-color);color:var(--button-text-color);border:none;border-radius:10px;padding:15px 25px;font-size:2vmin;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.Resume-Button:hover{background-color:var(--hover-bg-color);transform:scale(1.05)}.Image-Container{width:100%;max-width:100%}.Resume-IMG{max-width:80%;object-fit:contain;border-radius:10px;margin:40px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease}.Resume-IMG:hover{transform:scale(1.02)}.Resume-hr{border:0;height:2px;width:60%;background-color:var(--text-color);opacity:.5;margin:20px auto}.CodingProjects{background-color:#282c34;flex:1}.CodingProjects-header{text-align:center;align-items:center;justify-content:center;padding:40px;font-size:calc(50px + 2vmin);line-height:calc(75px + 2vmin);font-weight:bolder;color:#fff}.Coding-Intro-Para{justify-content:center;text-align:center;color:#fff;margin-left:30px;margin-right:30px;font-size:calc(10px + 2vmin);line-height:calc(25px + 2vmin)}.Coding-Para{color:#fff;margin-left:20px;margin-top:0;margin-bottom:0;font-size:calc(10px + 2vmin);line-height:calc(25px + 2vmin)}.Coding-Link{font-size:2vmin;color:#add8e6;font-weight:700;padding:5px;margin:10px}.Coding-Link-Dscrp{font-size:2vmin;color:#fff;text-decoration:none;font-weight:700;padding:5px;margin:10px}.Coding-Icon{height:30px;width:30px;margin:calc(2vmin - 5px)}.Coding-Project-Item-Container{display:flex;flex-direction:row}.Coding-link-Dscrp-Cnt{margin-left:20px}.Coding-Container{margin-left:60px;padding-bottom:30px}.Coding-Project-Container{margin-left:60px}:root{--background-color: #282c34;--text-color: white;--header-font-size: calc(50px + 2vmin) ;--para-font-size: calc(10px + 2vmin) }@media (prefers-color-scheme: dark){:root{--background-color: #1e1e1e;--text-color: #ffffff}}.Home,.Home-mobile{background-color:var(--background-color);color:var(--text-color);flex:1;display:flex;justify-content:center;align-items:center;padding:40px;transition:background-color .5s ease,color .5s ease}.Home{flex-direction:row}.Home-mobile{flex-direction:column;padding:20px}.Home-header{text-align:center;font-size:var(--header-font-size);line-height:calc(75px + 2vmin);font-weight:bolder;margin-bottom:20px;animation:fadeIn 1s ease-in}.Intro-Para,.Mobile-Intro-Para{background-color:transparent;color:var(--text-color);width:80%;text-align:center;font-size:var(--para-font-size);line-height:calc(25px + 2vmin);margin-bottom:30px;animation:fadeIn 1.5s ease-in}.Intro-Body,.Mobile-Intro-Body{display:flex;flex-direction:column;align-items:center}.pic-container{background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn 2s ease-in}.profile-pic{width:100%;height:auto;border-radius:10%;box-shadow:0 4px 15px #0003;transition:transform .3s ease-in-out}.profile-pic:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{font-family:Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);margin:0;padding:0}.Layout-Title,.Layout-Title-Footer{font-weight:700;justify-content:center;font-size:calc(10px + 2vmin);text-decoration:none;padding:10px}.Layout-Title{padding-left:20px;padding-right:20px;color:var(--text-color)}.Layout-Title-Footer{margin-top:0;margin-bottom:0;text-align:center;color:var(--background-color)}.NavBar-Container{background-color:var(--background-color);display:flex;align-items:center;justify-content:flex-start;width:100%}.NavBar-Container-Inner{display:flex;align-items:center;justify-content:flex-start;width:100%}.NavBar-Mobile{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-links{display:flex;align-items:center}.footer-container{flex-direction:column;flex:1;justify-content:center;align-items:center;color:var(--background-color);background-color:var(--text-color);padding:20px 0}.copyright{text-align:center;font-size:clamp(10px,1.5vmin,24px)}.Layout-Link,.footer-item{justify-content:center;text-decoration:none;padding:5px;margin:10px;background-color:transparent;border-radius:5px;display:inline-block;transition:background-color .3s ease}.footer-item{color:var(--background-color);font-size:clamp(14px,1.5vmin,24px)}.Layout-Link{font-weight:700;font-size:2vmin;color:var(--text-color)}.footer-row{display:flex;justify-content:center;align-items:center}.Layout-Link:hover,.footer-item:hover{background-color:var(--link-color-hover)}.vertical{width:.5px;height:30px;border-color:var(--text-color);background-color:var(--text-color);color:var(--text-color);margin:0 10px}.hr{visibility:hidden}.hr-grey,.hr-grey-smaller{background:#ccc}.hr-grey-bigger{width:70%}.hr-grey{width:60%}.hr-grey-smaller{width:50%}.hamburger{display:flex;align-items:center;margin-left:auto;cursor:pointer}.hamburger-icon{width:35px;height:3px;color:var(--text-color);background-color:var(--text-color);margin:6px 0}.contact-info{font-size:clamp(14px,1.5vmin,24px);margin:6px;text-align:center}:root{--background-color: white;--text-color: #282c34;--link-color: white;--divider-color: black;--footer-bg-color: white}@media (prefers-color-scheme: dark){:root{--background-color: #282c34;--text-color: white;--link-color: #282c34;--divider-color: black;--footer-bg-color: white}}.bm-burger-button{align-items:center;justify-content:center;position:relative;display:flex;margin-left:auto;margin-right:15px;width:20px;height:20px}.bm-burger-bars{background:var(--text-color)}.bm-burger-bars-hover{background:gray}.bm-cross-button{right:clamp(44px,4vmin,100px)!important;top:4vmin!important;z-index:1}.bm-cross{width:3px!important;height:18px!important;background:var(--background-color)}.bm-menu-wrap{position:fixed;text-align:right;height:100%;top:0}.bm-menu{background:#bfc1c9;padding:3.5em 1.5em 0;font-size:clamp(14px,1.5vmin,24px)}.bm-morph-shape{fill:#373a47;padding-top:15px}.bm-item-list{color:#b8b7ad}.bm-item{display:inline-block}.bm-overlay{background:#0000004d}.menu-item{justify-content:center;font-size:2vmin;color:#282c34;text-decoration:none;font-weight:700;padding:5px;margin:10px}.hr{width:2px;height:100%;margin:10px;color:#000;background-color:#000}