@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap";header,main,footer{padding:2em}section{gap:3em;display:flex;flex-direction:column;justify-content:center;padding-left:2em}#app{width:100%;background-image:url(/assets/bg-77aeeeae.png);background-size:cover;background-attachment:fixed}main,footer{margin-left:360px;display:flex;flex-direction:column;gap:8em;padding:4em}footer{text-align:right;padding-top:4em;padding-bottom:4em}.container{width:100%;display:flex;flex-direction:column}.progress{position:fixed;left:0;right:0;height:5px;width:100%;background:var(--accent-yellow);bottom:1.5em}.flex{display:flex;gap:16px}.icon{color:var(--accent-yellow)}button{background-color:var(--button-bg-color);color:var(--button-color);padding:16px 32px;border:none;width:fit-content;cursor:pointer}button:hover{background-color:#e4b94e4d!important}.primary-btn{background-color:var(--button-bg-color);color:var( --button-color);padding:16px 32px;border:none;width:fit-content}a:hover{color:var(--accent-yellow)}.project-bar{padding-top:.5em}.MuiImageListItem-img:hover{filter:grayscale(.1)!important}@media only screen and (max-width: 900px){main,footer{margin-left:2em;padding:2em}.flex .banner{padding:3em 1.5em}}@media only screen and (max-width: 600px){main,footer{margin-left:0!important;padding-left:0}.project-bar{display:flex;flex-direction:column}}header{position:fixed;right:2%;opacity:.5;z-index:99}.profileCard{width:300px;background-color:var(--card-color);display:flex;flex-direction:column;justify-content:space-between;margin:40px;position:fixed;max-height:90vh;min-height:90vh;overflow-y:scroll;z-index:999}.profileCard::-webkit-scrollbar{display:none}.profileCard{scrollbar-width:none;-ms-overflow-style:none}.profileCard img{width:80px;border-radius:100%}.cardHeader{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2em;gap:.1em}.cardBody{background-color:var(--card-secondary);flex-grow:1;display:flex;flex-direction:column;min-height:50vh;gap:1em}nav{padding-bottom:1em}nav ul{display:flex;justify-content:space-around}nav ul li{list-style:none;font-size:12px}.tech-content{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 40px;gap:1em}.tech-group{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.tech-group img{border-radius:10%;width:1em;cursor:help}.tech-group label{display:none}nav ul{padding:2em 2em 0}.buttons{display:flex}a{text-decoration:none;text-transform:uppercase;color:var(--text-color)}a.focus,a.hover{color:var(--accent-yellow)}.toggle{display:none}@media only screen and (max-width: 900px){#d-none{width:300px;margin:0;max-height:none;height:100vh;left:-1000px;top:0;animation-name:example1;animation-duration:2s!important}#d-full{width:300px;margin:0;max-height:none;height:100vh;animation-name:example;animation-duration:1s}.toggle{display:flex;position:fixed;top:4%;left:0;z-index:9999;padding:1em;border-radius:0 8px 8px 0;background-color:#ffc10731;color:#9a9a9a6e;animation-name:example;animation-duration:1s;transition:all 1s ease!important}.toggle:hover{background-color:var(--accent-yellow)!important;color:#fff}@keyframes example{0%{left:-1000px}to{left:0}}@keyframes example1{0%{left:0}to{left:-500px}}}#about{display:flex;flex-direction:column;width:100%;gap:4em}.banner{margin-top:4em;padding:6em 4em;width:100%;height:60vh;display:flex;flex-direction:column;gap:2em}.flex .banner{background-color:var(--dark-transparent);color:var(--white);height:fit-content;display:flex;flex-direction:column;justify-content:space-around;padding:5em 3em!important;min-height:420px!important}h1{font-size:48px}p span{color:var(--button-bg-color)}@media only screen and (max-width: 1200px){h1{font-size:30px}#about .flex{flex-direction:column}.flex .banner{height:min-content;padding:3em!important}}@media only screen and (max-width: 900px){h1,h2{font-size:30px}}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--white: #f3f3f3;--black:#1E1E28;--gray: rgb(243, 243, 243);--accent-yellow:#FFC107;--light-transparent:#1212137d;--dark-transparent:#31313a7d;--dark-lighter:#2D2D39;--dark-light:#23232b;--light-darker:#e9e9e9}html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;transition:.5s all ease}#app{min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}.dark-theme{--bg-color:var(--black);--text-color: var(--white);--button-bg-color: var(--accent-yellow);--button-color: var(--black);--card-color:var(--dark-lighter);--card-secondary:var(--dark-light);--transparent:var(--dark-transparent)}.light-theme{--bg-color: var(--white);--text-color: var(--black);--link-hover-color: #0000ff;--button-bg-color: var(--black);--button-bg-color: var(--accent-yellow);--button-color: var(--black);--card-color:var(--gray);--card-secondary:var(--light-darker);--transparent: var(--light-transparent)}