@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.btn{background-image:linear-gradient(to right,#b78aff,#68499900);border-radius:50px;color:#fff;padding:1px;position:relative;text-decoration:none;z-index:2;background-size:300% 300%;animation:spin-gradient 10s linear infinite;transition:.5s}.btn:hover{color:#b78aff}.btn span{align-items:center;padding:10px 25px;background:#0d0d0e;border-radius:50px;display:flex;justify-content:center;height:100%;width:100%}nav{display:flex;justify-content:space-between;align-items:center;margin-top:3rem}.nav-r{display:flex;justify-content:center;align-items:center;gap:1.5rem}.intro-assets{display:flex;gap:3rem;margin-top:12%}.intro-assets img{width:150px;height:150px;border-radius:15px}.intro-info{display:flex;flex-direction:column;justify-content:space-between}.intro-info-name{gap:1rem}.intro-assets p{display:flex;align-items:center;justify-content:start;gap:10px;color:var(--text-dark);font-size:12px;font-weight:200;letter-spacing:.5px}.intro-assets p img{width:10px;height:10px}.intro-assets h1{font-size:3.5vw;white-space:nowrap;background-image:linear-gradient(to right,#b78aff,#674999);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro-assets h2{font-size:120%;color:var(--text-dark);font-weight:400}.intro-socials{display:flex;gap:1.5rem;align-items:end;padding:15px 0 0}.intro-socials img{width:20px;height:20px;border-radius:0;height:auto;justify-content:center;align-items:center;display:flex}.intro-about{margin-top:75px;background-image:linear-gradient(to right,#b78aff,#674999);border-radius:10px;color:#fff;padding:1px;position:relative;text-decoration:none;z-index:2;-webkit-box-shadow:0px 0px 50px -7px rgba(172,121,255,.2);-moz-box-shadow:0px 0px 50px -7px rgba(172,121,255,.2);box-shadow:0 0 50px -7px #ac79ff33;background-size:500% 500%;animation:spin-gradient 3s linear infinite}.intro-about p{align-items:center;padding:40px 30px;background:#0d0d0e;color:var(--text);font-weight:300;border-radius:10px;display:flex;justify-content:center;height:100%;width:100%;letter-spacing:.3px}.bg-net{background-image:url(/img/4K_18.gif);filter:hue-rotate(-10deg);display:block;position:absolute;height:1500px;top:-450px;left:0;right:0;bottom:0;background-size:cover;background-position:top;background-repeat:no-repeat;z-index:-1;opacity:10%}.intro-info p{display:flex;align-items:center;font-weight:300;background:linear-gradient(90deg,#a0a0a0,#a0a0a0 40%,#34d399,#a0a0a0 60%,#a0a0a0);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-scan 10s linear infinite}@keyframes color-scan{0%{background-position:200% 0}to{background-position:-200% 0}}@media only screen and (max-width:750px){.intro-assets{margin-top:5rem;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:1.5rem}.intro-assets h1{font-size:6vw;white-space:nowrap;margin:15px 0}.intro-assets h2{font-size:1rem;margin-bottom:15px;font-size:3vw}.intro-info p{justify-content:center}.intro-socials{justify-content:center;align-items:center}.intro-assets img{border-radius:100px}.intro-socials img{width:20px;height:20px;border-radius:0}.intro-about p{font-size:15px;letter-spacing:.5px}}#portfolio{margin-top:7.5rem;z-index:2}.portfolio-container{overflow:hidden;position:relative;width:100%}.portfolio-assets{margin-top:1rem;display:flex;animation:scroll 60s linear infinite;width:fit-content}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.gradient-overlay{position:absolute;top:0;height:100%;width:24px;pointer-events:none;z-index:2;border-radius:10px}.gradient-overlay.left{left:0;background:linear-gradient(to right,rgba(11,11,14,.8),transparent)}.gradient-overlay.right{right:0;background:linear-gradient(to left,rgba(11,11,14,.8),transparent)}.project-card{text-decoration:none;position:relative;overflow:hidden;min-width:300px;height:400px;border-radius:10px;cursor:pointer;flex-shrink:0;margin-right:20px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column}.bgimgprj{border-radius:10px;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;transition:filter .3s ease;filter:grayscale(100%) brightness(.15) contrast(.97)}.project-card:hover .bgimgprj{border-radius:10px;filter:grayscale(0%) brightness(.5)}.project-assets{display:flex;position:relative;z-index:1;padding:20px;width:300px;height:80%;flex-direction:column;flex-wrap:wrap;justify-content:end;align-items:start;opacity:0;transition:opacity .3s ease}.project-card:hover .project-assets{opacity:1}.ext-link{padding:20px;display:flex;justify-content:end;width:100%;z-index:5}.ext-link img{width:25px;opacity:0;transition:opacity .3s ease}.project-card:hover .ext-link img,.ext-link:hover img{opacity:1}.project-tags{margin-top:.5rem;display:flex;gap:.5rem;row-gap:0px;flex-wrap:wrap}.project-tags p{background-color:#272727;color:#fff;padding:5px 10px;font-size:.7rem;font-weight:200;border-radius:50px}.project-assets p{position:relative;z-index:2;color:#a0a0a0;font-weight:300}.project-assets h1{color:#ac79ff;font-weight:400}.project-assets h2{color:#fff;font-weight:300}.project-assets p{font-size:.8rem;margin-top:.5rem;font-weight:300}.project-tags p{font-size:.6rem;margin-top:.5rem;font-weight:200;letter-spacing:.2px}@media (max-width: 750px){.project-assets{display:flex;flex-direction:column;opacity:1;transition:none}.project-card{height:auto}.project-card .bgimgprj{filter:grayscale(0%) brightness(.3)}.project-card .ext-link img,.ext-link img{opacity:1}.portfolio-assets{animation:scroll 40s linear infinite}}.skills-assets{background-color:#0e0e0e;padding:40px;gap:2rem;border-radius:10px;margin-top:3rem;display:flex;justify-content:space-between;align-items:center}.skills-assets h2{font-size:2rem;font-weight:500;text-transform:capitalize}#skill-title{background-image:linear-gradient(to right,#b78aff,#674999);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s ease;font-size:2.5rem;text-transform:capitalize}.skills-logos{flex-wrap:wrap;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:16px;cursor:pointer}.skills-logos img{width:55px}.skills-text{width:30%}.skill-editing{display:flex;justify-content:space-evenly;gap:2rem;width:100%;row-gap:10px;flex-wrap:wrap}.skill-coding{display:flex;gap:2rem;row-gap:10px;width:100%;justify-content:space-evenly;flex-wrap:wrap}@media (max-width: 750px){.skills-text{width:100%}.skills-assets{flex-direction:column}.skill-editing,.skill-coding{display:flex}.skills-logos img{width:50px}}.contact-all{margin-top:3rem;background-image:linear-gradient(to right,#b78aff,#674999);border-radius:10px;color:#fff;position:relative;text-decoration:none;z-index:2;-webkit-box-shadow:0px 0px 50px -7px rgba(172,121,255,.2);-moz-box-shadow:0px 0px 50px -7px rgba(172,121,255,.2);box-shadow:0 0 50px -7px #ac79ff33;background-size:500% 500%;animation:spin-gradient 3s linear infinite;margin-bottom:150px;padding:1px}.contact-assets{align-items:center;padding:40px 30px;background:#0d0d0e;color:var(--text);font-weight:300;border-radius:10px;justify-content:center;height:100%;width:100%;display:flex}.contact-l{flex:1;display:flex;flex-direction:column;padding:0 20px;gap:16px}.contact-l h1{font-size:2rem;background-image:linear-gradient(to right,#b78aff,#674999);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-l p{width:90%;color:var(--text-dark)}.contact-social-btm{margin-top:20px;display:flex;gap:16px;justify-content:start;align-items:center}.contact-social-btm img{height:25px}.contact-r{flex:1;display:flex;gap:16px;border:1px solid var(--text-dark);border-radius:10px}.contact-box{width:100%;padding:10px}.contact-box span{display:block;height:1px;background-color:var(--text-dark);margin:10px 0;width:100%}.contact-box p{width:100%;border-radius:10px;padding:10px 20px;display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg,transparent 0%,transparent 100%);transition:.2s ease-in-out;cursor:pointer}.contact-box a{color:#fff;text-decoration:none;width:100%;border-radius:10px;padding:10px 20px;display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg,transparent 0%,transparent 100%);transition:.2s ease-in-out;cursor:pointer}.contact-box p:hover,.contact-box a:hover{background-color:#1f1f1f}.contact-box p img{width:25px;height:25px}@media (max-width: 750px){.contact-assets{flex-direction:column}.contact-assets{gap:2rem}.contact-r{width:100%}.contact-box{width:100%;padding:20px}.contact-social-btm img{height:20px}}.about-assets{display:flex;justify-content:center;align-items:start;flex-direction:column;padding:40px;background-color:var(--bgbox);margin-top:3rem}.title{position:relative;font-size:3.5rem;color:#4f4f4f}.about-assets h1{font-weight:600;font-size:3vw;white-space:nowrap}.progress{display:inline-block;font-size:.8rem;color:#fff;font-weight:400;background-color:#ac79ff;padding:5px 20px;border-radius:50px;transform:rotate(-7deg);position:absolute;top:70%;left:50%;transform:translate(-50%,-100%) rotate(-7deg)}.mdbox{position:relative;padding:5px;border:2px solid #4B82EE;display:inline-block}.corner{position:absolute;width:12px;height:12px;background-color:#fff;border:2px solid #4B82EE;border-radius:50%}.top-left{top:-6px;left:-6px}.top-right{top:-6px;right:-6px}.bottom-left{bottom:-6px;left:-6px}.bottom-right{bottom:-6px;right:-6px}.about-assets p{margin-top:2rem;font-size:1.2rem;text-align:justify;color:var(--text);font-weight:300;letter-spacing:.3px}.ptext{color:#ac79ff}@media (max-width: 750px){.about-assets h1{font-size:5.5vw;white-space:nowrap}.progress{display:inline-block;font-size:.7rem;color:#fff;text-align:center;font-weight:400;background-color:#ac79ff;padding:5px 15px;border-radius:50px;transform:rotate(-7deg);position:absolute;top:70%;left:50%;transform:translate(-50%,-100%) rotate(-7deg)}.about-assets p{margin-top:2rem;font-size:15px;text-align:start;color:var(--text);font-weight:300;letter-spacing:.3px}}:root{--bg: #09090B;--bgbox: #0E0E0E;--text:#E8E8E8;--text-dark: #A0A0A0}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background-color:var(--bg);color:var(--text);font-weight:300}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/noise.jpeg);background-size:1px;opacity:.02;pointer-events:none;z-index:-1}@keyframes spin-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#portfolio{padding:0}.p50{padding:0 20%}.m50{margin:0 20%}@media only screen and (max-width:750px){.p50{padding:0 10%}.m50{margin:0 10%}}