body{background-color:#000;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#0000;padding:10px 0;position:fixed;top:20px;width:100%;z-index:1000}nav ul{list-style-type:none}nav ul li{margin:0 15px}nav ul li a{color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;transition:color .3s ease}nav ul:hover li a{color:#8a8a8a}nav ul li a:hover{color:#fff}section{min-height:100vh;padding:100px 20px}section h2{font-size:2rem}section p{font-size:1.2rem}.full-height{height:100vh;min-height:100%}.scroll-to-top{background-color:#61dafb;border:none;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:fixed;right:20px;transition:opacity .3s ease;z-index:1000}.scroll-to-top:hover{background-color:#21a1f1}.scroll-to-top.hidden{opacity:0;pointer-events:none}@media (max-width:768px){header{top:0}nav ul{align-items:center;flex-direction:column}nav ul li{margin:10px 0}section{padding:80px 20px}.scroll-to-top{bottom:10px;right:10px}}.header{align-items:center;display:flex;justify-content:center;padding:10px 20px}.logo{color:#fff;font-size:1.5rem;font-weight:700;margin-right:auto}nav{align-items:center;display:flex;justify-content:center}.menu-icon{cursor:pointer;display:none;flex-direction:column}.menu-icon .bar{background-color:#fff;height:3px;margin:4px 0;transition:.4s;width:25px}.menu-icon .bar.open:first-child{transform:rotate(-45deg) translate(-5px,6px)}.menu-icon .bar.open:nth-child(2){opacity:0}.menu-icon .bar.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}nav li{margin:0 15px}nav a{color:#fff;font-size:1.2rem;text-decoration:none;transition:color .3s ease}nav a:hover{color:#f4b4c4}@media (max-width:768px){.menu-icon{display:flex;left:20px;position:absolute;top:20px}nav ul{align-items:center;background-color:#1a1a1a;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%}nav ul.open{display:flex}nav li{margin:10px 0}nav a{font-size:1.5rem}}.home-section{align-items:center;background:url(/Portfolio/static/media/flower.8d5aeda6399500281608.jpg) no-repeat 50%/cover;color:#fff;display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.home-content{z-index:1}.home-title{font-size:6rem;font-weight:700;margin:0;@media (max-width:768px){font-size:3rem}}.home-description,.home-title{text-shadow:2px 2px 5px #000000b3}.home-description{font-size:2rem;margin-top:10px;@media (max-width:768px){font-size:1rem}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-button{animation:bounce 2s infinite;background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;margin-top:20px;text-shadow:2px 2px 5px #000000b3;transition:color .3s ease;@media (max-width:768px){font-size:1.5rem}}.scroll-button:hover{color:#f4f4f4}.top-right-text{color:#ffb6c1;font-size:1.5rem;font-weight:700;left:35px;position:absolute;top:25px;z-index:2}.expertise-section{background-color:#1a1a1a;color:#fff;padding:50px 20px;text-align:center}.expertise-title{font-size:4.5rem;margin-bottom:40px;@media (max-width:768px){font-size:3rem}}.expertise-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px;@media (max-width:768px){flex-direction:column;padding-bottom:0;padding-left:20px;padding-right:20px;padding-top:0}}.expertise-about{flex:1 1;max-width:45%;text-align:left;@media (max-width:768px){max-width:100%;text-align:center}}.expertise-about h3{font-size:1.8rem;margin-bottom:30px}.expertise-about p{font-size:1rem;line-height:1.6;margin-bottom:15px}.expertise-skills{flex:1 1;max-width:45%;text-align:left;@media (max-width:768px){max-width:100%;text-align:center}}.expertise-skills h3{font-size:1.8rem;margin-bottom:30px}.skills-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.skill-item{background-color:#333;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:8px 15px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease}.skill-item:hover{background-color:#555;transform:scale(1.05)}.scroll-to-contact{background-color:#f4b4c4;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.scroll-to-contact:hover{background-color:#f287a2;transform:scale(1.05)}.scroll-to-contact:active{transform:scale(1)}.projects-section{background-color:#1a1a1a;color:#fff;padding:50px 20px;text-align:center}.projects-title{font-size:4.5rem;margin-bottom:40px;@media (max-width:768px){font-size:3rem}}.projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{background-color:#2e2e44;border-radius:8px;padding:20px;text-align:left;transition:transform .3s ease;width:300px}.project-card:hover{transform:scale(1.05)}@media (max-width:768px){.project-card{width:100%}}.professional-experience-section{background-color:#1a1a1a;color:#fff;padding:50px 20px;text-align:center}.professional-title{font-size:4.5rem;margin-bottom:80px;@media (max-width:768px){font-size:3rem}}.experience-container{margin:0 auto;max-width:1200px}.experience-card{background-color:#2e2e44;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .3s ease-in-out}.experience-header{align-items:center;background-color:#4c2673;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.experience-header h3{font-size:1.8rem;margin:0}.experience-header span{color:#aaa;font-size:1rem;margin-left:auto}.experience-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin-left:10px}.toggle-button{margin-left:10px}.experience-details{align-items:stretch;background-color:#4b4b6b;display:flex;max-height:0;opacity:0;overflow:hidden;padding:0 15px;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,padding .5s ease-in-out}.experience-card.active .experience-details{max-height:1000px;opacity:1;padding:15px}.toggle-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.experience-card.active .toggle-button{transform:rotate(45deg)}.company-logo{border-radius:10px;flex:0 0 auto;height:auto;margin-left:20px;max-height:100%;max-width:150px;object-fit:contain;width:25%;@media (max-width:768px){margin-bottom:10px;margin-left:auto;margin-right:auto;margin-top:0;width:100px}}.details-content{flex:1 1;padding:20px;text-align:left;@media (max-width:768px){text-align:center}}.location{align-items:center;color:#ddd;display:flex;font-size:1rem;margin-bottom:15px;@media (max-width:768px){justify-content:center}}.location-icon{color:#aaa;font-size:1.2rem;margin-right:5px}.tools{margin-top:15px;@media (max-width:768px){text-align:center}}.tools span{background-color:#333;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin:5px;padding:8px 15px;text-transform:uppercase}.contact-section{background-color:#282c34;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;padding:40px;text-align:center}.contact-heading{font-size:4.5rem;margin-bottom:40px}@media (max-width:768px){.contact-heading{font-size:3rem}}.paragraph{font-size:1.2em;margin-bottom:30px}.contact-links{display:flex;gap:30px;justify-content:center}@media (max-width:768px){.contact-links{flex-direction:column;gap:10px}}.button{align-items:center;background-color:#8f61fb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}@media (max-width:768px){.button{font-size:1em;margin:0 auto;width:40%}}.icon{margin-right:10px}.form-heading{font-size:2em;margin:20px 0}.contact-form{align-items:center;display:flex;flex-direction:column}.input{border:1px solid #ccc;border-radius:4px;font-size:18px;height:40px;margin:10px 0;padding:10px;width:40%}@media (max-width:768px){.input{width:80%}}.textarea{border:1px solid #ccc;border-radius:4px;font-size:18px;height:150px;margin:10px 0;padding:10px;width:40%}@media (max-width:768px){.textarea{width:80%}}.submit-button{background-color:#8f61fb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 20px;transition:background-color .3s ease}@media (max-width:768px){.submit-button{font-size:1em;margin:0 auto;width:80%}}.submit-button:hover{background-color:#8221f1}.success-message{color:#4caf50;font-size:1.2em}::placeholder{color:#aaa;font-size:.9em}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.header{background-color:#1a1a1a79}.App-link{color:#61dafb}.button:hover,.submitButton:hover{background-color:#8221f1}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.99ffd8c8.css.map*/