<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.navbar{position:fixed;height:41px;top:0;width:100%;margin:0;display:flex;justify-content:space-between;align-items:center;list-style:none;padding:15px 0;background-color:#f8f9fa;z-index:1}.progress-bar{position:fixed;top:0;left:0;height:4px;background-color:#535bf2;width:0%;z-index:2}.logo{font-weight:700;padding:0 20px;font-size:1.5em;text-decoration:none;color:#000;display:flex;align-items:center}.links{display:flex;justify-content:space-around;width:50%;transition:all .5s ease;font-size:large}.link{font-weight:500;text-decoration:none;color:#000;position:relative;text-decoration:inherit}.link:hover{color:#535bf2}.link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#000;transition:width .5s ease}.link:hover:after{width:100%}@keyframes underline{0%{width:0}to{width:100%}}@media (max-width: 768px){.navbar{flex-direction:row;justify-content:space-between;align-items:center}.menu-icon{order:2;display:block;cursor:pointer;font-size:2rem;color:#535bf2;position:relative;z-index:2;transition:transform .6s ease-in-out;margin-right:20px}.links{order:1;width:100%;flex-direction:column;position:absolute;top:60px;left:0;background-color:#f8f9fa;overflow:hidden;transition:max-height .6s ease-in-out;max-height:0;align-items:center;text-align:center;padding:0}.links.active{max-height:200px;padding:0}.link{width:100%;padding:10px 0}.link:hover:after{display:none}.menu-icon.close{transform:rotate(180deg)}}.home{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:70px;padding-bottom:50px;text-align:center;box-sizing:border-box;flex-direction:row-reverse}.home div{min-height:100%;text-align:left}.intro{margin-bottom:.1em}.home a img{width:50px;height:50px;margin:10px}.home h1{font-size:clamp(1.5rem,2.5vw,2.2em);font-size:1.7em;font-weight:400;margin:1em 0}.home h1 span{font-size:2.2em;font-weight:700;color:#000;background:-webkit-linear-gradient(135deg,#0433ed,#000000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home h2{font-size:1.8em;font-weight:700;color:#2c2c2c;margin:1em 0}.home-pic{width:600px;margin:20px;border-radius:10px;border:2px solid #000;box-shadow:0 0 10px #00000080}.social-icons{display:flex;align-items:center;justify-content:left}.btn-resume{display:inline-block;padding:10px 20px;background-color:#0433ed;color:#fff;border-radius:25px;text-decoration:none;font-weight:700;margin:10px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0003}.btn-resume:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.github-pic,.linkedin-pic{transition:transform .3s}.github-pic:hover,.linkedin-pic:hover{transform:scale(1.05)}@media (max-width: 1040px){.home{flex-direction:column;align-items:center;text-align:center}.home-pic{width:calc(90% - 40px);margin:20px;box-sizing:border-box}.home div{text-align:center}.social-icons{justify-content:center}}.about-me{padding:40px}.about-me-title{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;background:-webkit-linear-gradient(315deg,#0433ed,#000000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-me-title:before,.about-me-title:after{content:"";background-color:#000;height:2px;flex-grow:1;margin:0 20px}.about-me-container{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;padding:20px;width:80%;margin:0 auto}.about-me-container&gt;.about-text{color:#000;font-size:1.4em;flex-basis:50%;text-align:left;padding:30px}.about-me-container&gt;.about-pic{width:300px;max-width:100%;height:auto;margin-left:20px;border-radius:10px;border:2px solid #000000;box-shadow:0 0 10px #00000080}@media (max-width: 900px){.about-me-title:before,.about-me-title:after{margin:0 10px;width:30%}.about-me-container{flex-direction:column;width:75%}.about-me-container&gt;.about-text,.about-me-container&gt;.about-pic{font-size:1em;flex-basis:100%;text-align:center}.about-me-container&gt;.about-pic{margin:20px auto}}.project-display{display:flex;flex-direction:column;margin-left:60px;margin-right:60px;margin-bottom:40px;background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s;grid-column:span 1}.project-display:hover{transform:scale(1.02);box-shadow:0 8px 16px #0000004d}.project-image-container{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:10px;margin:20px 20px 10px}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000040;color:#fff;border:none;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:50%;transition:background-color .3s}.arrow-btn:hover{background-color:#000c}.left-arrow{left:4%}.right-arrow{right:4%}.project-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 8px #0003;border-radius:15px;border:2px solid #000;object-fit:scale-down;transition:transform .3s ease-in-out}.project-info{flex:1;padding:5px 20px 20px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;color:#000}.project-buttons{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;margin-bottom:20px;justify-content:center}.technology-list{list-style:none;padding:0;margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.technology-item{background-color:#e4e4e4;padding:5px 10px;border-radius:100px;font-size:.8em}.project-btn{padding:10px 15px;border:none;border-radius:100px;background-color:#0433ed;color:#fff;text-decoration:none;text-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0003}.project-btn:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}@media (max-width: 1040px){.project-display{flex-direction:column;margin-left:23px;margin-right:23px;margin-bottom:60px}.project-image-container,.project-info{align-items:center;padding:10px}.project-info{text-align:center}}.projects{padding:40px 80px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;justify-content:center}.projects-title{grid-column:1 / -1;margin-bottom:30px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;background:-webkit-linear-gradient(315deg,#0433ed,#000000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-left:-40px;margin-right:-40px}.projects-title:before,.projects-title:after{content:"";background-color:#000;height:2.5px;flex-grow:1;margin:0 20px}.toggle-projects-btn{display:none}@media (max-width: 768px){.projects{grid-template-columns:1fr;transition:height .5s ease-in-out;padding:40px}.projects-title:before,.projects-title:after{margin:0 10px;width:30%}.toggle-projects-btn{display:block;margin-left:auto;margin-right:auto;width:fit-content;font-size:1.1em;padding:10px 40px;border:none;border-radius:100px;background-color:#0433ed;color:#fff;text-decoration:none;text-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0003}.toggle-projects-btn:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}}.skills{padding:40px}.skills-title{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;background:-webkit-linear-gradient(315deg,#0022a8,#000000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skills-title:before,.skills-title:after{content:"";background-color:#000;height:2px;flex-grow:1;margin:0 20px}.skills-content{display:flex;justify-content:space-between;margin-top:20px;margin-left:70px;margin-right:70px;gap:20px}.skills-section{border:1px solid #ccc;background-color:#fff;border-radius:10px;padding:20px;flex-basis:calc(33.333% - 20px);box-shadow:0 4px 8px #0000001a;text-align:center;color:#000}.skills-section ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skills-section li{background:#e4e4e4;margin-bottom:10px;padding:5px 15px;border-radius:15px;display:inline-block;color:#333;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:10px;font-size:.8em}.skills-section img{width:24px;height:24px}.skills-section h2{margin-bottom:15px}@media (max-width: 768px){.skills-title:before,.skills-title:after{margin:0 10px;width:30%}.skills-content{flex-basis:auto;flex-direction:column;align-items:center}.skills-section{width:125%;margin:10px 0}}.contact-me{padding:40px;text-align:center}.contact-me-title{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;background:-webkit-linear-gradient(315deg,#0022a8,#000000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-me-title:before,.contact-me-title:after{content:"";background-color:#000;height:2px;flex-grow:1;margin:0 20px}.contact-text{margin-top:20px;font-size:1.5em;color:#fff}.contact-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.contact-btns{padding:10px 20px;background-color:#000;color:#fff;text-decoration:none;border-radius:100px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0003}.contact-btns:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.social-icon{transition:transform .3s}.social-icon:hover{transform:scale(1.05)}.connect-text{margin-top:40px;font-size:1.2em;color:#fff}.social-links{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-links a img{filter:brightness(0) saturate(100%) invert(90%);width:50px;height:auto}@media (max-width: 768px){.contact-me-title:before,.contact-me-title:after{margin:0 10px;width:30%}}.footer{background-color:#f8f9fa;color:#000;padding:10px;text-align:center}@font-face{font-family:OpenSansFont;src:url(../fonts/OpenSans-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:OpenSansFont;src:url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:OpenSansFont;src:url(../fonts/OpenSans-Italic.ttf) format("truetype");font-style:italic}@font-face{font-family:OpenSansFont;src:url(../fonts/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(315deg,#3059fd,#afbcef);font-family:OpenSansFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding-top:60px;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.scroll-top-btn{position:fixed;right:20px;bottom:20px;height:50px;width:50px;background:#80808080;border:none;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.scroll-top-btn:before{content:"↑";font-size:24px;color:#fff}.scroll-top-btn.show{opacity:1;visibility:visible}
</pre></body></html>