body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-clr:#fff;--text2-clr:#dfefff;--text-highlight-clr:#6f42c1;--sec-clr:#e9ecef;--sec2-clr:#f0f4ff;--btn-clr:#343a40;--btn2-clr:#17a2b8;--border-clr:#dee2e6;--box-shadow-clr:#0000001a;--iconbox-clr:#dfefff;--text-dark-clr:#333}html{scroll-behavior:smooth}*{color:#fff;color:var(--text-clr);font-family:Roboto,serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:gray;border:3px solid #f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#add8e6b3}.container{align-items:center;background-color:#000;display:flex;justify-content:center;margin:0;min-height:100vh;padding:0}.card{background-color:#1f1f1f;border-radius:12px;color:#fff;margin:20px auto;padding:24px;text-align:center;width:300px}.profile-image{background-color:#333;border-radius:50%;height:125px;margin:0 auto 24px;overflow:hidden;width:125px}.profile-image img{display:block;height:100%;object-fit:cover;width:100%}.name{font-size:24px;font-weight:600;margin:0}.location{color:#c4f82a;font-size:14px;margin:8px 0}.description{color:#fff;font-size:14px;margin:24px 0}.links-container{display:flex;flex-direction:column;gap:16px}.social-link{background-color:#333;border-radius:8px;color:#fff;padding:12px;text-decoration:none;transition:all .3s ease}.social-link:hover{background-color:#c4f82a;color:#1f1f1f}.banner{background-image:linear-gradient(180deg,#0000,#0000,#000),url(/static/media/banner2.3bd19de15cdbb4a33afc.jpg);background-position:0 100%;background-size:cover;min-height:100vh;overflow:hidden}.banner,.banner-width{display:flex;justify-content:center}.banner-width{align-items:center;width:1240px}.banner .banner-width .banner-title{animation:fadeIn 1s forwards;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:50px;text-align:left;width:100%}.banner .banner-width .banner-title h2{animation:slideInFromRight 1s .3s forwards;color:var(--text-clr);font-size:50px;font-weight:700;transform:translateX(100vw)}.banner .banner-width .banner-title h3{animation:slideInFromRight 1s .6s forwards;color:var(--text2-clr);font-size:25px;font-weight:500;margin-top:-20px;transform:translateX(100vw)}@keyframes slideInFromRight{to{transform:translateX(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width:820px){.banner{background-position:25% bottom}.banner-width{width:90%}.banner .banner-width .banner-title h3{margin-top:-20px}}@media (max-width:480px){.banner{background-position:30% bottom}.banner .banner-width .banner-title{padding:20px}}.contact{align-items:center;background-color:gray;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/contact.0248895240d584cbd8c4.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.contact .contact-width{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;max-width:1240px;width:100%}.contact .contact-section{animation:slideIn 1s forwards;display:flex;min-height:100%;opacity:0;transform:translateX(-100px);width:100%}.about-column{animation:slideInLeft 1s forwards;animation-delay:.5s;transform:translateX(-100px)}.about-column,.contact-column{background:#4b4b4b99;border:1px solid navy;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-basis:calc(50% - 40px);flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;margin:0 30px;min-height:60%;opacity:0;padding:20px 30px}.contact-column{animation:slideInRight 1s forwards;animation-delay:.5s;transform:translateX(100px)}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.contact-section h3{color:#fff;font-size:22px;margin-bottom:0;text-align:center}.contact-section p{color:#fffc;font-size:16px;margin-bottom:10px;text-align:center}.social-icons img{height:40px;margin:10px;width:40px}.contact-form{margin-top:20px;width:100%}.contact-form form{gap:20px}.contact-form .form-group,.contact-form form{display:flex;flex-direction:column;width:100%}.contact-form .form-group{gap:8px}.contact-form .form-group label{color:#fffc;font-size:16px;font-weight:700}.contact-form .form-group input,.contact-form .form-group textarea{background:#ffffffb3;border:1px solid navy;border-radius:5px;box-sizing:border-box;color:#000;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:#007bff}.contact-form .form-group textarea{height:120px;resize:none}.contact-form button{background-color:navy;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease;width:100%}.contact-form button:hover{background-color:#036}@media (max-width:820px){.contact{padding:20px 0}.contact .contact-section{display:block;text-align:center;width:100%}.about-column,.contact-column{margin:0 auto 20px;text-align:left;width:80%}}@media (max-width:480px){.contact{padding:50px 0}.about-column,.contact-column{width:75%}}.experiences{background:linear-gradient(180deg,#000,#111,#222);color:#ccd6f6;padding:50px 20px}.experiences-width{margin:0 auto;max-width:900px}.education,.experience{border-radius:10px;margin-bottom:40px;padding:20px;transition:transform .3s ease,background-color .3s ease}.education:hover,.experience:hover{background-color:#ffffff1a;transform:translateY(-10px)}.date{color:#8892b0;font-size:14px;margin-bottom:5px}.details h3{font-size:20px;font-weight:600;margin-bottom:10px;transition:color .3s ease}.details h3 span{color:#64ffda;font-weight:400}.details h3:hover{color:#64ffda}.details p{color:#a8b2d1;font-size:16px;margin-bottom:15px}.links a{color:#64ffda}.technologies{margin-top:10px}.technologies .tech{background:#112240;border-radius:3px;color:#64ffda;display:inline-block;font-size:14px;margin-bottom:5px;margin-right:10px;padding:5px 10px}.education-section,.experience-section{margin-bottom:50px}.education{margin-bottom:30px}.education h3{font-size:18px;font-weight:600}.achievements{margin-top:10px;padding-left:20px}.achievements li{border-radius:5px;color:#a8b2d1;font-size:14px;margin-bottom:5px;padding:5px}.links a{font-size:14px;margin-right:15px}.links .link-icon,.links a{color:#fff;transition:color .3s ease}.links .link-icon{font-size:16px;transform:rotate(-45deg)}.links a:hover,.links a:hover .link-icon{color:#64ffda}.details h3 .experience-icon{color:#fff}.experience-icon{color:#fff;display:inline-block;font-size:15px;margin-left:5px;margin-top:10px;transition:transform .3s ease}.education:hover .experience-icon,.experience:hover .experience-icon{transform:translateX(5px)}.experience-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out}.experience-link:hover{transform:translateX(8px)}.experience{cursor:pointer}.links a{color:inherit;position:relative;text-decoration:none;z-index:1}@media (max-width:820px){.experiences{padding:40px 20px}}@media (max-width:480px){.experiences{padding:20px}}.header{display:flex;justify-content:center;position:fixed;top:0;width:100%;z-index:1000}.header-width{color:var(--text-clr);justify-content:space-between;max-width:1240px;padding:10px 0;width:90%}.header .nav,.header-width{align-items:center;display:flex}.header .nav ul{list-style:none;margin:0;padding:0}.header .nav li{display:inline;margin:0 15px;transition:transform .3s ease}.header .nav li a,.header .title a{color:var(--text-clr);text-decoration:none;transition:transform .3s ease}.header .nav li a{font-size:20px;font-weight:700}.header .nav li a:hover{font-size:23px}.header .title a:hover h1{transform:scale(1.25) rotate(-15deg)}@media (max-width:820px){.header-width{align-items:center;flex-direction:row}.header .nav li{margin:0 10px}.header .nav li a{font-size:18px}}@media (max-width:480px){.header .nav ul,.header-width{align-items:center;flex-direction:row}.header .nav ul{display:flex}.header .nav li a{font-size:16px}}.project{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#000000b3,#00000080,#000000b3),url(/static/media/project.969d19abb5d07528f23d.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:30px 0 60px}.project .project-width{align-items:center;display:flex;flex-direction:column;width:1240px}.project .project-title{color:var(--text-clr);font-size:28px;margin-bottom:40px}.project-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project-card{background:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;height:100%;max-width:400px;padding:20px;text-decoration:none;transition:transform .3s ease}.project-card:hover{text-decoration:none;transform:translateY(-10px)}.project-header{align-items:center;display:flex;margin-bottom:20px}.project-header h3{color:#fff;font-size:20px;margin:0}.project-header .project-icon{color:#fff;display:inline-block;font-size:15px;margin-left:5px;transition:transform .3s ease}.project-card:hover .project-icon{transform:translateX(5px)}.project-body p{color:#fffc;font-size:16px;margin-bottom:20px}.project-image img{border-radius:10px;margin-bottom:20px;width:100%}.project-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.project-tags{display:flex;gap:10px}.project-tags span{background:#00000080;border-radius:20px;color:#fff;font-size:14px;padding:5px 10px}@media (max-width:820px){.project .project-title{font-size:26px}}@media (max-width:480px){.project .project-title{font-size:24px}.project-card{width:80%}}.skills{background-image:linear-gradient(180deg,#000,#0000,#0000,#0006),url(/static/media/Skills.e010c3fdf9c64fcda877.png);background-position:0 0;background-size:fill;height:100vh}.skills,.skills .skills-width{display:flex;justify-content:center}.skills .skills-width{align-items:center;flex-direction:column;width:1240px}.skills .skills-width .skills-title{color:var(--text-clr);font-size:28px;margin-bottom:40px}.skills .skills-width .skills-content{display:flex;flex-wrap:wrap;justify-content:center}.skills .skills-width .skills-content .skills-item{align-items:center;background-color:var(--iconbox-clr);border-radius:100px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;margin:20px 40px;transition:transform .3s ease,box-shadow .3s ease}.skills .skills-width .skills-content .skills-item:hover{background-color:#ffffff1a;box-shadow:0 8px 16px #0003;transform:scale(1.1)}.skills .skills-width .skills-content .skills-item img{height:125px;margin:20px;transition:transform .3s ease;width:125px}.skills .skills-width .skills-content .skills-item:hover img{transform:rotate(10deg) scale(1.1)}@media (max-width:820px){.skills .skills-width .skills-title{font-size:26px}.skills .skills-width .skills-content .skills-item{margin:30px}.skills .skills-width .skills-content .skills-item img{height:80px;width:80px}}@media (max-width:480px){.skills{padding-bottom:40px;padding-top:20px}.skills .skills-width .skills-title{font-size:24px}.skills .skills-width .skills-content .skills-item{margin:20px 15px}.skills .skills-width .skills-content .skills-item img{height:60px;width:60px}}
/*# sourceMappingURL=main.3039b1b5.css.map*/