:root{font-family:Inknut Antiqua,Ropa Sans,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-weight:lighter;font-size:3rem;line-height:1.1;color:#565656}*{margin:0;padding:0;box-sizing:border-box}.nav-icon{display:flex;flex-direction:column;gap:2.5rem}.nav-icon a{text-decoration:none}.nav-icon span{color:#565656;margin-left:2rem;font-weight:700;font-size:1.2rem}.nav-icon a:hover span{color:#000;font-size:1.5rem;cursor:pointer}.button{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:0}.button img{width:40px;height:40px}.social-links{display:flex;gap:1.5rem;align-items:center;justify-content:center;width:100%}.social-links .button{display:flex;align-items:center;justify-content:center}.social-links .button img{display:block}:root{--sidebar-bg-color: #CAC6BD;--sidebar-width: 300px;--profile-image-size: 180px;--spacing-unit: 1rem}.sidebar{background-color:var(--sidebar-bg-color);width:var(--sidebar-width);height:100vh;padding:calc(var(--spacing-unit) * 2.5);box-sizing:border-box;display:flex;flex-direction:column;position:fixed;top:0;left:0;overflow-y:auto}.profile-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:calc(var(--spacing-unit) * 5)}.profile-image{width:var(--profile-image-size);height:var(--profile-image-size);margin-bottom:var(--spacing-unit);flex-shrink:0}.profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:3px solid white;box-shadow:0 4px 8px #0000001a}.intro-section{font-size:.9rem;font-weight:lighter;color:#000;line-height:1.6;margin-top:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit* .08));text-align:center}.profile-section .social-links{margin-top:var(--spacing-unit);display:flex;justify-content:center;width:100%}.navigation{width:100%;margin-top:2rem}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}@media (max-width: 768px){.sidebar-overlay{display:block}}:root{--sidebar-width: 300px;--transition-speed: .3s}.layout-container{display:flex;min-height:100vh}.menu{display:flex;justify-content:flex-end;background-color:#d5c5bc}main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));box-sizing:border-box;overflow-x:hidden}@media (max-width: 768px){main{margin-left:0;position:absolute;width:100%;padding-top:60px}}.about-me-page{flex:1;width:100%;min-height:100vh;background-color:#d5c5bc;box-sizing:border-box;margin:0}.about-me-section{background-color:#d5c5bc;width:100%;padding:3rem 0}.container{max-width:100%;padding:0 1rem}@media (min-width: 900px){.container{padding:0 2rem}}@media (min-width: 1200px){.container{padding:0 4rem}}.about-me-section h1{margin-bottom:1rem;padding-top:2rem}.profile{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;padding:0 1rem;opacity:.9;position:relative}@media (min-width: 900px){.profile{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:auto;padding:0 2rem}}.profile-text{width:100%;order:1;height:auto;flex:1}@media (min-width: 900px){.profile-text{max-width:600px}}.profile-text p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.8;color:#777575;margin:0;text-align:center;padding:0}@media (min-width: 900px){.profile-text p{text-align:left;padding:0}}.profile-pic{position:relative;width:min(80vw,300px);aspect-ratio:8/9;flex-shrink:0;order:2;margin-left:0;height:auto}@media (min-width: 900px){.profile-pic{width:350px}}@media (min-width: 1200px){.profile-pic{width:400px}}.profile-pic img{position:absolute;width:70%;height:78%;bottom:0;transform:translate(-10%);object-fit:cover;z-index:2;flex-shrink:0}.background-shape{position:absolute;width:72.5%;height:80%;background-color:#eadbc8;border-radius:100% 100% 0% 0%;bottom:0;z-index:1}.skills-section{background-color:#dadada;width:100%;padding:3rem 0;opacity:.6}.skills-section h1{color:#131313}.skillcard{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;width:clamp(6rem,15vw,8rem);height:clamp(6rem,15vw,8rem);border-radius:50%;margin:1.5rem .75rem;transition:transform .2s ease}@media (min-width: 768px){.skillcard{margin:2rem 1rem}}@media (min-width: 1024px){.skillcard{margin:3rem 1.5rem}}.skillcard:nth-child(4n+1){background-color:#cbe3ea}.skillcard:nth-child(4n+2){background-color:#d5e5d5}.skillcard:nth-child(4n+3){background-color:#eef1da}.skillcard:nth-child(4n){background-color:#ced2f0}.skillcard-icon{display:flex;flex-direction:row;align-items:center;padding-top:1.25rem}.skillcard-icon img{width:50px;height:50px}.skillcard-title h1{font-size:clamp(.875rem,3vw,1.25rem);color:#020202;font-family:Ropa Sans,sans-serif;text-align:left;margin:0}.skills-wrapper{display:flex;overflow:hidden;width:100%}.wrapper{display:flex}.skills-slide{display:flex;animation:swipe 20s linear infinite}@media (min-width: 768px){.skills-slide{animation:swipe 15s linear infinite}}.skills-wrapper:hover .skills-slide{animation-play-state:paused}@keyframes swipe{0%{transform:translate(0)}to{transform:translate(-100%)}}.footer{display:flex;flex-direction:row;justify-content:space-between;background-color:#d9d9d9}.copyright{padding:3rem 4rem 1.5rem}.copyright p{font-size:.8rem;color:#696969}.socialmedia{padding:2.5rem 4rem 1.5rem}.education-item{display:flex;flex-direction:row;align-items:center;padding:10px}.education-item span{font-weight:lighter;color:#565656;padding-left:20px}.education-item img{width:40px;height:40px}.education,.job{margin-bottom:0rem}.experience-page{flex:1;width:100%;min-height:100vh;background-color:#d5c5bc;box-sizing:border-box;margin:0}.education h1{padding-top:2rem;margin-bottom:1.5rem}.experience{margin-bottom:1.5rem}.experience h1{padding-top:2rem;margin-bottom:1.5rem}.experience-timeline{background-color:#d5c5bc;width:100%;padding:2rem 0}.project{background-color:#dadada;opacity:60%;width:100%;padding:2rem 0}.project h1{color:#131313}.projectcard{display:flex;flex-direction:row;width:100%;max-width:800px;margin-bottom:50px}.projectcard-pic{width:230px;min-height:100px;flex-shrink:0;background-color:#bb9a88;border-radius:20px 0 0 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.projectcard-pic img{max-width:80%;max-height:80%;object-fit:contain;border-radius:4px}.projectcard-descr{flex:1;background-color:#e3dfdf;padding:25px;border-radius:0 20px 20px 0;display:flex;flex-direction:column;justify-content:center}.projectcard-descr p{margin:0 0 20px;font-size:14px;line-height:1.6;color:#5a5a5a;text-align:left;white-space:pre-line}.projectcard-descr .client-info{font-weight:600;color:#5a5a5a;font-size:14px;margin-top:10px}.projectsection{max-width:800px;padding:40px 20px}@media (max-width: 768px){.projectcard{flex-direction:column}.projectcard-pic{width:100%;height:120px}}.contact-form{display:flex;flex-direction:column;gap:25px}.contact-form h3{font-size:1.1rem;font-weight:lighter;color:#4a4a4a;padding-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{color:#6b6b6b;font-size:1rem;font-weight:400;margin-bottom:5px}.form-input,.form-textarea{width:800px;background-color:#a0b2b0;border:none;border-radius:10px;padding:18px 25px;font-size:1rem;color:#4a4a4a;outline:none;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:#fff;opacity:.8;font-style:italic}.form-input:focus,.form-textarea:focus{background-color:#96b3ac}.form-textarea{border-radius:10px;resize:vertical;width:800px;min-height:140px}.submit-button{background-color:#7eb4af;color:#fff;border:none;border-radius:25px;width:800px;padding:18px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:capitalize}.submit-button:hover{background-color:#6ba396;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.status-message{padding:15px 20px;border-radius:20px;width:800px;text-align:center;margin-top:15px;font-weight:500}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-page{flex:1;width:100%;min-height:100vh;background-color:#d5c5bc;box-sizing:border-box;margin:0}.heading-section h1{margin-bottom:2rem;padding-top:2rem}.contectform_section{background-color:#d9d9d9;width:100%;padding:2rem 0}.container{max-width:100%;padding:0 4rem}