.navbar{background-color:#333;padding:10px;width:100%}.nav-list-container{width:100%}.nav-list,.nav-list-container{align-items:center;display:flex;justify-content:center}.nav-list{list-style:none}.nav-item{margin:0 30px}.nav-item a{color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.nav-item a:hover,.nav-item.active a{color:gold}.menu-toggle{color:#fff;cursor:pointer;display:none}.menu-toggle .bar{background-color:#fff;height:3px;margin:6px 0;transition:.4s;width:25px}.navbar.active{background-color:#555}.navbar.active .menu-toggle{color:#333}.navbar.active .menu-toggle .bar{background-color:#333}.navbar.active .menu-toggle .bar:first-child{transform:rotate(-45deg) translate(-5px,6px)}.navbar.active .menu-toggle .bar:nth-child(2){opacity:0}.navbar.active .menu-toggle .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.dark-light-toggle{color:#fff;cursor:pointer;margin-left:auto;padding:10px}body.dark-mode{background-color:#222;color:#fff}@media (max-width:600px){.menu-toggle{display:block}.nav-list{display:none;flex-direction:column;justify-content:center;margin:0;padding:10px 0;text-align:center}.navbar.active .nav-list{display:block}.nav-item{margin:15px 0}}.image-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;overflow:hidden;position:relative}.centered-image{border-radius:50%;height:300px;object-fit:cover;width:300px}.image-name{font-family:Times New Roman,Times,serif;font-size:24px;font-size:1.5rem;font-weight:700;margin-top:30px;text-align:center}@media screen and (max-width:600px){.image-container{height:auto}.centered-image{border-radius:0;height:300px;margin:30px;width:300px}.image-name{font-size:15px;margin-top:15px}}@media screen and (min-width:601px){.image-container{height:90vh;margin-top:0}}.about-container{padding:50px 0}.content{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:1200px}.profile-image{background-image:url(/static/media/fun-3d-cartoon.0d973abbedf01a9b9a90.png);background-position:50%;background-size:cover;height:300px;margin-bottom:20px;width:300px}.download-button{margin-left:118px;margin-top:21rem}.download-button,.download-button-small{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;justify-content:center;padding:10px;position:relative;transition:background-color .2s ease-in-out}.download-button-small{margin-left:10px}.download-button-small:hover:before{content:"Download";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.download-button-small:hover,.download-button:hover{background-color:#1f1f1f;color:#fff}.download-button span{visibility:visible}.download-button:hover span{visibility:hidden}.download-button:hover:before{content:"Download";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.text-content{flex:1 1;font-family:Times New Roman,Times,serif;padding:20px}.section-title{color:#333;font-family:Courier,monospace;font-size:2.5rem;margin-bottom:20px}p{color:#666;font-size:1.1rem;line-height:1.6}.fade-in{animation:fadeIn 1.5s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.content{align-items:center;flex-direction:column}.profile-image{height:200px;margin-bottom:10px;width:200px}.text-content{padding:10px;text-align:center}}.projects-container{margin:30px auto}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:20px}.project{border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:inline-block;overflow:hidden;padding:20px;position:relative;text-align:center;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.project-video{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project:hover .project-video{opacity:1}.project p{font-size:.9rem}.project-image{max-height:100%;max-width:100%}.project img,.project video{height:auto;max-height:200px;width:100%}.project a:hover{background-color:#303030;border:none;color:#fff;cursor:pointer;transform:scale(1.1)}.project:hover{background-color:#f8f8f8;box-shadow:0 8px 16px #25252533;cursor:pointer;transform:scale(1.05)}.project h3{margin-bottom:10px;margin-top:30px}.project a{border:2px solid #000;border-radius:5px;color:#000;display:inline-block;margin-top:15px;padding:12px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out,transform .3s ease-in-out}@media only screen and (max-width:600px){.project-list{grid-template-columns:1fr}.project{width:100%}}#contact-section{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:800px;padding:40px}h1{color:#363636;font-size:25px;margin-bottom:30px;text-align:center}label{color:#333;font-size:1.2em;margin-bottom:8px}input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s ease-in-out}input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}input,textarea{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;padding:15px;resize:none;transition:border-color .2s ease-in-out;width:100%}textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.success-btn{background-color:#f52648;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px;transition:background-color .2s ease-in-out}.success-btn:hover{background-color:#f54764}.backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.success-popup{background-color:#abf7ab;border-radius:10px;box-shadow:0 8px 16px #0003;color:rgba(5,107,5,.719);left:50%;max-width:400px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:11}.success-popup p{color:#196419;font-size:20px;font-weight:700;margin:0}.success-popup button{background-color:#28a745;border:none;border-radius:8px;color:#2ccf26;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .2s ease-in-out}.success-popup button:hover{background-color:#218838}@media only screen and (max-width:768px){form{max-width:100%}h1{font-size:18px}label{font-size:.8em}input,textarea{padding:12px}}@media only screen and (max-width:600px){.FooterContent{padding:0 20px;text-align:center}.SocialLinks{flex-direction:column;justify-content:center}.SocialLink{margin:0 15px}@media only screen and (max-width:300px){.SocialLink{margin:0}}}.skills-section{padding:30px 15px;text-align:center}.section-title{font-size:1.8em;font-weight:600;margin-bottom:25px}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-around}.skill-item{margin:15px;text-align:center;transition:background-color .3s,box-shadow .3s;width:calc(33.33% - 30px)}@media only screen and (max-width:600px){.skill-item{width:calc(100% - 30px)}}.skill-item:hover{background-color:#2e2e2e;box-shadow:0 0 10px #0003;color:#fff;cursor:pointer}.skill-icon{font-size:2.5em;margin-bottom:10px;padding:5px}.skill-info{font-size:1.1em}.skill-title{font-weight:600;margin-bottom:5px}.skill-proficiency{background-color:#ddd}.skill-proficiency,progress{border-radius:5px;height:5px;width:100%}progress{background-color:#007bff}.welcome-message-container{align-items:center;background-color:#282c34;display:flex;flex-direction:column;height:100vh;justify-content:center}.welcome-message-text{animation:fadeInUp 1s ease-out;color:#61dafb;font-size:3rem;font-weight:700;margin-bottom:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{font-family:Arial,sans-serif;margin:0;padding:0}section{padding:2em}footer{background-color:#333;bottom:0;color:#fff;padding:1em;position:fixed;text-align:center;width:100%}form{display:flex;flex-direction:column;margin:auto;max-width:400px}label{margin-bottom:.5em}input,textarea{margin-bottom:1em;padding:.5em}button{background-color:#333;border:none;color:#fff;cursor:pointer;padding:.5em}button:hover{background-color:#555}@tailwind base;@tailwind components;@tailwind utilities;
/*# sourceMappingURL=main.752618c2.css.map*/