@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;src:url(/assets/Ubuntu-Light-BIy60iNc.ttf) format("truetype")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:url(/assets/Ubuntu-Regular-CX2NxAwf.ttf) format("truetype")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;src:url(/assets/Ubuntu-Bold-BT0CUVg7.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}.App{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.App img{width:100%;height:100%;object-fit:cover}.top-bar{background-color:#212121;height:5vh;width:100%;position:absolute;top:0;z-index:100}.date-time{display:flex;flex-direction:row;justify-content:center;align-items:center}.date{color:#fff}.time{padding-left:10px;color:#fff}.system-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;right:.5vw;top:.5vh}@media(max-width:768px){.date{display:none}.time{top:.5vh;position:absolute;left:0}}.side-bar{background-color:#301830;height:100vh;width:4vw;position:absolute;left:0;top:0;z-index:0;padding-top:10vh}.side-bar-icons{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:10px}.side-bar-icons img{cursor:pointer;width:5vh;height:5vh}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.icon-container{display:flex;flex-direction:column;align-items:center;gap:5px}.icon-label{font-size:.75rem;color:#888;font-weight:500;text-align:center}.status-dot{position:absolute;left:-12px;width:8px;height:8px;background-color:#4caf50;border-radius:50%}.icon{width:4vh;height:4vh}@media(max-width:768px){.side-bar{background-color:transparent}.side-bar-icons img{cursor:pointer;width:20vw;height:7vh;padding-left:10vw}.icon-container{display:flex;flex-direction:column;align-items:center;gap:8px}.icon-label{font-size:.9rem;color:#888;font-weight:500;text-align:center;padding-left:10vw}}.cv-normal{position:absolute;left:10vw;height:70vh;width:80vw;background-color:#f3f0f0;border-radius:7px;box-shadow:0 4px 8px #40074233;opacity:.8;transition:height .3s ease-in-out;display:flex;flex-direction:row}.cv-max{position:absolute;bottom:0;left:3vw;height:95vh;width:98vw;background-color:#f3f0f0;border-radius:7px;box-shadow:0 4px 8px #40074233;opacity:.8;transition:height .3s ease-in-out;display:flex;flex-direction:row}.cv-hidden{display:none}.cv-top-bar{background-color:#42373d;height:5vh;width:100%}.cv-top-bar-window-icons{display:flex;flex-direction:row;justify-content:space-between;position:absolute;right:2vw;top:1.3vh;width:5vw}#cross,#maximize{cursor:pointer}.cv-title{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;right:.5vw;top:.5vh;font-size:1.1rem;color:#fff}.left-pane{position:absolute;left:0;width:30%;height:calc(100% - 5vh);border-right:#42373D solid 1px;margin-top:5vh}.right-pane{position:absolute;right:0;width:70%;height:calc(100% - 5vh);margin-top:5vh}@media(max-width:768px){.cv-top-bar-window-icons{display:flex;flex-direction:row;justify-content:space-between;position:absolute;right:2vw;top:1.3vh;width:10vw}.cv-normal,.cv-max{flex-direction:column}.cv-max{bottom:auto;top:5vh;height:95vh;left:0;width:100%;border-radius:0}.left-pane{max-height:40vh;overflow-y:scroll;position:relative;left:auto;width:100%;height:40%;border-right:none;border-bottom:#42373D solid 1px;margin-top:0}.right-pane{position:relative;right:auto;width:100%;height:60%;margin-top:0}}.left-pane-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;padding:20px 0}.profile-section{display:flex;flex-direction:column;align-items:center;gap:30px}.pfp{position:relative;width:100px;height:100px;border-radius:50%;object-fit:cover;margin-top:20px}.pfp-image{width:100%;height:100%;border-radius:50%}.basic-info{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.contact-info{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}@media(max-width:768px){.contact-item{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;max-width:100%;word-break:break-word}}.right-pane-container{display:flex;flex-direction:column;padding:20px;overflow-y:auto;height:100%}.welcome-section{margin-bottom:30px}.welcome-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#212121}.welcome-description{font-size:.95rem;line-height:1.5;margin-bottom:15px;color:#333}.button-group{display:flex;gap:10px;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.btn-primary{background-color:#ff6b35;color:#fff}.btn-primary:hover{background-color:#e55a24}.btn-secondary{background-color:#666;color:#fff}.btn-secondary:hover{background-color:#555}.skills-section,.experience-section,.github-section{margin-bottom:25px}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:#212121}.skills-list{list-style:disc;margin-left:20px;font-size:.95rem;line-height:1.6;color:#333}.skills-list li{margin-bottom:8px}.experience-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ddd}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.job-title{font-size:1rem;font-weight:600;color:#212121}.job-period{font-size:.85rem;color:#666}.company-name{font-size:.95rem;font-weight:400;color:#888;margin:0}.location-info{font-size:.75rem;font-weight:200;color:#212121;margin:5px 0 0}.github-link{display:flex;align-items:center;font-size:.95rem;color:#333;cursor:pointer;transition:color .3s ease}.github-link:hover{color:#212121}@media(max-width:768px){.right-pane-container{padding:15px}.welcome-title{font-size:1.3rem}.button-group{flex-direction:column}.btn{width:100%}}.tabs-container{display:flex;flex-direction:column;width:100%;height:100%}.tabs-header{display:flex;gap:0;border-bottom:1px solid #ddd;background-color:#f9f9f9;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tab-button{padding:12px 24px;border:none;background-color:transparent;color:#666;font-size:.95rem;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;font-weight:500;flex-shrink:0;white-space:nowrap}.tab-button:hover{color:#212121;background-color:#f0f0f0}.tab-button.active{color:#ff6b35;border-bottom-color:#ff6b35;background-color:#fff}.tabs-content{flex:1;overflow-y:auto}.experience-container{padding:20px}.description{padding-left:30px;padding-top:5px}.projects-container{padding:20px}li{font-size:.95rem;line-height:1.6}.projects-container>div{padding:20px}.skills{padding:20px 0}