@import"https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#161513;z-index:1}.opacity{opacity:.3;transition:"opacity 0.3s ease-in-out"}.no-opacity{opacity:1}.navbar:hover{opacity:1;transition:"opacity 0.3s ease-in-out"}.navbar img{width:max(13vw,180px);height:max(7vw,100px)}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;font-size:24px;cursor:pointer}.navbar .nav-menu p:hover{opacity:1;transition:"opacity 0.3s ease-in-out"}.nav-connect{font-size:18px;padding:20px 25px;background:var(--gradient-bg);border-radius:30px;text-shadow:1px 2px 3px rgba(0,0,0,.391);transition:.5s;cursor:pointer}.nav-connect:hover{box-shadow:2px 1px 10px #f2af7b91;transition:.3s;transform:scale(1.01)}.nav-menu li{display:flex;gap:2px;position:relative}.nav-menu img{display:flex;position:absolute;width:52px;height:56px;top:4px;right:-15px;z-index:-1}.anchor-link{text-decoration:none;color:#fff;text-shadow:1px 1px 3px #8c52ff7a}.social-media-navbar{display:flex;gap:5px}.social-icon-navbar{text-decoration:none;color:#fff;font-size:24px}.nav-menu-close,.nav-burger-menu{display:none}@media (max-width:768px){.navbar{margin:20px 50px}.social-icon-navbar{display:none}.nav-burger-menu{display:block;position:relative;left:250px;font-size:40px}.nav-menu{position:fixed;flex-direction:column;align-items:start;padding-top:50px;top:0;gap:30px;background-color:#8c52ff;height:100%;z-index:2;transition:right .5s;right:-360px;border-radius:4px}.nav-menu-close{display:block;position:absolute;font-size:30px;top:9px;right:13px}.nav-menu li{background-color:#8c52ff;font-size:25px;opacity:1!important;padding-left:41px;flex-direction:row;gap:20px}.nav-menu p{text-shadow:1px 2px 3px rgba(11,11,11,.64)}}.hero{margin-top:100px;display:flex;align-items:center;flex-direction:column;gap:30px}.hero h1{font-size:xxx-large;width:50%}.hero h1 span{background:var(--gradient-bg);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:larger}.hero p{width:80%;text-align:center;font-size:20px;line-height:40px}.circle{width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:6px 2px 15px #8c52ff7a}.circle img{width:400px;height:auto;object-fit:cover}.hero-action{display:flex;align-items:center;gap:25px;font-size:20px;font-weight:500;margin-bottom:50px}.hero-connect{padding:20px 45px;border-radius:50px;background:var(--gradient-bg);cursor:pointer}.hero-resume{width:112px;height:24px;padding:20px 75px;border-radius:50px;display:flex;text-align:center;align-items:center;justify-content:center;background:var(--gradient-bg);cursor:pointer}.hero-resume-btn{border:none;background-color:#161513;color:#fff;padding:17px 89px;border-radius:48px;display:flex;align-items:center}.hero-connect:hover{transition:.3s;box-shadow:2px 1px 10px #f2af7b91;transform:scale(1.01)}.hero-resume-btn:hover{transition:.3s;box-shadow:6px 2px 15px #f8049c91;transform:scale(1.01)}@media (max-width: 768px){.circle{width:150px;height:150px}.circle img{width:350px;height:auto;object-fit:cover}.hero h1{margin-top:50px;width:90%;font-size:36px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{gap:16px;font-size:18px}.hero-connect{padding:20px 35px;border-radius:50px}.hero-resume{padding:20px 61px}.hero-resume-btn{padding:19px 80px}.hero-connect:hover,.hero-resume-btn:hover{transform:none}}.about{display:flex;flex-direction:column;align-items:center;gap:40px;margin:100px 3vw}.about-sections{display:flex;gap:80px}.about-left img{width:500px;height:600px;border-radius:10px;margin-top:8%}.about-right{display:flex;flex-direction:column;gap:80px}.about-para{display:flex;flex-direction:column;gap:15px;font-size:20px;font-weight:500}.about-skills{display:flex;flex-direction:column}.about-skill{display:flex;gap:40px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:20px;font-weight:400}.about-skill hr{outline:none;border:none;width:50%;height:4px;border-radius:50px;background:var(--gradient-bg)}@media (max-width:768px){.about{gap:80px}.about-sections{flex-direction:column;align-items:center}.about-left{display:none}.about-right{gap:40px}.about-para{line-height:40px;position:relative;top:-60px}}.title{position:relative}.title h1{padding:0 30px;font-size:70px;font-weight:600;text-shadow:2px 2px 5px #8c52ff}.title-img{position:absolute;top:-20px;z-index:-1}.title-about{left:200px}.title-technologies{left:310px}.title-work{left:180px}.title-contact{left:135px}@media (max-width: 768px){.title h1{font-size:50px}.title-img{width:150px;top:-5px}.title-about{left:180px}.title-technologies{left:253px}.title-work{left:150px}.title-contact{left:130px}}.technologies{margin:200px 3vw;display:flex;flex-direction:column;align-items:center;gap:70px}.technologies-icons{display:flex;gap:1vw}.technology-icon img{width:93px;height:93px;cursor:pointer;transition:.2s ease-in}.technology-icon img:hover{transform:scale(1.1)}@media (max-width: 768px){.technologies{margin:0;gap:40px}.technologies-icons{flex-wrap:wrap;justify-content:center}}.mywork{margin:200px 3vw;display:flex;flex-direction:column;align-items:center;gap:70px}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.mywork-container img{box-sizing:border-box;width:400px;height:250px;transition:.3s;cursor:pointer;border-radius:5px;top:1px}.mywork-container img:hover{transform:scale(1.1);box-shadow:1px 2px 15px #8c52ffa0;transition:.3s}@media (max-width:768px){.mywork{margin:100px}.mywork-container{display:flex;flex-direction:column;gap:55px}.mywork-container img{width:450px;height:300px}}.contact{margin:200px 3vw;display:flex;flex-direction:column;align-items:center;gap:70px}.contact-section{width:100%;display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:var(--gradient-bg-txt);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#d8d8d8;font-size:20px;line-height:35px;margin-top:3px;text-shadow:1px 1px 3px #8c52ffb0}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:22px}.contact-detail{display:flex}.social-media{display:flex;gap:30px;margin-left:10px}.social-icon{font-size:45px;cursor:pointer;color:#8c52ffaa;transition:.2s}.social-icon:hover{transform:scale(1.1)}.contact-right{display:flex;flex-direction:column;gap:20px}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.form-data{display:flex;flex-direction:column}.form-data input{border:none;width:40vw;height:70px;padding-left:20px;border-radius:4px;background:#323232;color:#a0a0a0;font-size:20px}.form-data textarea{border:none;width:40vw;padding-left:25px;padding-top:30px;border-radius:4px;background:#323232;color:#a0a0a0;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:var(--gradient-bg);font-size:22px;font-family:Varela Round;width:200px;height:50px;margin-bottom:50px;margin-left:21px;cursor:pointer;transition:.3s}.contact-submit:hover{box-shadow:2px 1px 10px #f2af7b91;transition:.3s;transform:scale(1.01)}.copyright{display:flex;flex-direction:column;gap:30px;width:100%;text-align:center;color:#979292;margin-bottom:40px;font-size:20px}.copyright hr{outline:none;border:1px solid #979292;border-radius:4px}@media (max-width:768px){.contact{margin-top:100px}.contact-section{flex-direction:column;justify-content:center;gap:40px}.contact-left p{line-height:40px}.form-data input,.form-data textarea{width:73vw}}.submit-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.submit-popup-container{position:relative;place-self:center;width:max(23vw,330px);color:#fff;background-color:#5f30bd;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.submit-popup-icon{position:absolute;font-size:80px;top:-50px;margin-left:150px;color:#fff;background-color:#5f30bd;border-radius:50%}.submit-popup-message{display:flex;flex-direction:column;gap:5px;align-items:center}.submit-popup-message h3{font-size:30px}.submit-popup-message p{font-size:20px}.submit-popup-message button{width:40%;padding:10px;outline:none;border:none;border-radius:4px;cursor:pointer;font-size:15px}.submit-popup-message button:hover{transition:.3s;transform:scale(1.05)}*{margin:10px;padding:0;--gradient-bg: linear-gradient(56deg, rgba(140,82,255,1) 0%, rgba(248,4,156,1) 60%, rgba(248,163,72,1) 99%);--gradient-bg-txt: linear-gradient(56deg, rgba(140,82,255,1) 0%, rgba(248,4,156,1) 28%, rgba(248,163,72,1) 62%)}body{font-family:Varela Round,sans-serif;height:100vh;background:#161513;color:#fff}a{text-decoration:none;color:#fff}