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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{background:#000;border-bottom-left-radius:300px;border-bottom-right-radius:300px;border-top-left-radius:300px;border-top-right-radius:300px;justify-content:center;margin-left:400px;margin-top:40px;padding:10px 0;width:50%}nav,nav ul{align-items:center;display:flex}nav ul{gap:40px;list-style-type:none;margin:0;padding:0}nav ul li{display:inline}nav ul a{color:#fff;font-size:20px;font-weight:700;position:relative;text-decoration:none;z-index:1000}nav ul a:hover{box-shadow:0 4px 10px #ff00ff80}nav ul a:hover,nav ul li a.active{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;padding:5px}nav ul li a.active{color:#fff;position:relative;z-index:1000}nav .download-btn{align-items:center;background:linear-gradient(#ff007f,#00bfff);border:none;border-radius:20px;display:flex;height:45px;justify-content:center;margin-left:20px;width:25%}nav .download-btn a{color:#fff;font-size:18px;font-weight:700;text-decoration:none}nav .download-btn i{margin-left:10px}nav .download-btn:hover{box-shadow:0 4px 10px #ff00ff80;transform:scale(1.05)}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}@media screen and (max-width:1024px){body.no-scroll{height:auto;overflow:hidden}nav{align-items:center;background-color:#0000;flex-direction:row;justify-content:space-between;margin:0;padding:10px;width:95%}.menu-toggle{display:block;padding:5px 6px 0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}nav ul{background:#000;display:none;flex-direction:column;height:110vh;left:0;position:absolute;text-align:left;top:0;width:105%;z-index:9999}nav ul.active{animation:slideInLeft .8s ease-out forwards;display:flex}nav ul li{margin-top:30px;padding:30px 0;text-align:center}nav ul a{font-size:34px}nav .download-btn{padding:8px 15px;width:auto}}@media screen and (max-width:750px){body.no-scroll{height:auto;overflow:hidden}nav{align-items:center;flex-direction:row;justify-content:space-between;margin-left:0;margin-top:0;padding:10px;width:95%}.menu-toggle{display:block}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}nav ul{background:#000;display:none;flex-direction:column;height:110vh;left:0;position:absolute;text-align:left;top:0;width:105%;z-index:9999}nav ul.active{animation:slideInLeft .8s ease-out forwards;display:flex}nav ul.closing{animation:slideOutLeft .8s ease-out forwards;animation-fill-mode:forwards;display:flex}nav ul li{margin-top:30px;padding:30px 0;text-align:center}nav ul a{font-size:34px}nav .download-btn a{color:#fff;font-size:15px;font-weight:700;text-decoration:none}nav .download-btn{padding:8px 15px;width:auto}nav .download-btn i{margin-left:5px}}@media screen and (max-width:425px){body.no-scroll{height:auto;overflow:hidden}nav{align-items:center;flex-direction:row;justify-content:space-between;margin-left:0;margin-top:0;padding:10px;width:95%}.menu-toggle{display:block}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}nav ul{background:#000;display:none;flex-direction:column;height:110vh;left:0;position:absolute;text-align:left;top:0;width:105%;z-index:9999}nav ul.active{animation:slideInLeft .8s ease-out forwards;display:flex}nav ul.closing{animation:slideOutLeft .8s ease-out forwards;animation-fill-mode:forwards;display:flex}nav ul li{margin-top:60px;padding:30px 0;text-align:center}nav ul a{font-size:34px}nav .download-btn a{color:#fff;font-size:15px;font-weight:700;text-decoration:none}nav .download-btn{padding:8px 15px;width:auto}nav .download-btn i{margin-left:5px}}@media screen and (max-width:380px){body.no-scroll{height:auto;overflow:hidden}nav{align-items:center;flex-direction:row;justify-content:space-between;margin-left:0;margin-top:0;padding:10px;width:95%}.menu-toggle{display:block}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}nav ul{background:#000;display:none;flex-direction:column;height:110vh;left:0;position:absolute;text-align:left;top:0;width:105%;z-index:9999}nav ul.active{animation:slideInLeft .8s ease-out forwards;display:flex}nav ul.closing{animation:slideOutLeft .8s ease-out forwards;animation-fill-mode:forwards;display:flex}nav ul li{margin-top:30px;padding:30px 0;text-align:center}nav ul a{font-size:34px}nav .download-btn a{color:#fff;font-size:15px;font-weight:700;text-decoration:none}nav .download-btn{padding:8px 15px;width:auto}nav .download-btn i{margin-left:5px}}@media screen and (max-width:320px){body.no-scroll{height:100vh;overflow:hidden}nav{align-items:center;flex-direction:row;justify-content:space-between;padding:10px;width:95%}.menu-toggle{display:block}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}nav ul{background:#000;display:none;flex-direction:column;height:110vh;left:0;position:absolute;text-align:left;top:0;width:105%;z-index:9999}nav ul.active{animation:slideInLeft .8s ease-out forwards;display:flex}nav ul.closing{animation:slideOutLeft .8s ease-out forwards;animation-fill-mode:forwards;display:flex}nav ul li{margin-top:30px;padding:30px 0;text-align:center}nav ul a{font-size:34px}nav .download-btn a{color:#fff;font-size:12px;font-weight:700;text-decoration:none}nav .download-btn{height:30px;padding:5px 10px;width:auto}}nav .download-btn{position:relative;z-index:1000}.home-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}@keyframes zoomIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.home-head h3{animation:fadeInUp 1.5s ease forwards;animation-delay:.5s;font-size:50px;font-weight:100;left:44%;top:23%}.home-head h1,.home-head h3{color:#fff;opacity:0;position:absolute;z-index:1}.home-head h1{-webkit-text-fill-color:#0000;animation:fadeSlideIn 2s ease forwards;animation-delay:1.5s;animation-delay:1.5s,3.5s;animation-direction:normal,alternate;animation-duration:2s,3s;animation-fill-mode:forwards;animation-iteration-count:1,infinite;animation-name:fadeSlideIn,shimmer;animation-timing-function:ease-in-out;background:linear-gradient(120deg,#0000,#0ff 40%,#a0ffff 60%,#0000);-webkit-background-clip:text;background-position:200%;background-size:200% 100%;font-family:Georgia,serif;font-size:70px;font-weight:700;left:28%;top:37%}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.home-head p{animation:typing 3s steps(30) forwards,showCursor 0s 2.5s forwards,blink .7s step-end infinite;animation-delay:2.5s,2.5s,6.5s;border-right:2px solid #0000;color:#fff;font-size:40px;font-weight:100;left:36%;opacity:1;overflow:hidden;position:absolute;top:55%;white-space:nowrap;width:0;z-index:1}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:33%}}@keyframes showCursor{to{border-right:2px solid #fff}}@keyframes blink{50%{border-color:#0000}}.med{display:flex;font-size:25px;gap:50px;left:38%;position:absolute;top:80%}.med a{align-items:center;animation:blurFadeIn 2s ease-out forwards;animation-delay:3.5s;background-color:initial;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #ffffff80;color:#fff;display:inline-flex;filter:blur(10px);justify-content:center;opacity:0;padding:15px;text-decoration:none;transition:all .4s ease}@keyframes blurFadeIn{0%{filter:blur(10px);opacity:0;transform:scale(.8)}to{filter:blur(0);opacity:1;transform:scale(1)}}.face a{padding:15px 18px}.face a:hover{background-color:#1877f2;border-color:#1877f2;box-shadow:0 0 15px #1877f2,0 0 30px #1877f2,0 0 45px #1877f2}.face a:hover,.whats a:hover{color:#fff;transform:scale(1.2)}.whats a:hover{background-color:#25d366;border-color:#25d366;box-shadow:0 0 15px #25d366,0 0 30px #25d366,0 0 45px #25d366}.insta a:hover{background-color:#e1306c;border-color:#e1306c;box-shadow:0 0 15px #e1306c,0 0 30px #e1306c,0 0 45px #e1306c}.insta a:hover,.tel a:hover{color:#fff;transform:scale(1.2)}.tel a:hover{background-color:#0a66c2;border-color:#0a66c2;box-shadow:0 0 15px #0a66c2,0 0 30px #0a66c2,0 0 45px #0a66c2}@keyframes amazingRotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes verticalPulse{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media screen and (max-width:1024px){.home-head{overflow-y:hidden;padding-top:100px;position:static;text-align:center}.home-head h3{font-size:25px;position:absolute;top:26%}.home-head h1{font-size:50px;left:25%;margin-top:-10px;position:absolute;top:40%}.home-head h2{font-size:70px;left:22%;margin-top:-40px;position:absolute;top:50%}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:2.5s;border-right:2px solid #fff;display:inline-block;font-size:25px;left:34%;margin-top:-20px;opacity:1;overflow:hidden;position:absolute;text-align:center;top:55%;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:31%}}.med{display:flex;gap:30px;justify-content:center;left:36%;margin-top:20px;position:absolute;top:65%}.med a{font-size:20px}}@media screen and (max-width:780px){.home-head{overflow-y:hidden;padding-top:100px;position:static;text-align:center}.home-head h3{font-size:25px;position:absolute;top:26%}.home-head h1{font-size:50px;left:20%;margin-top:-10px;position:absolute;top:40%}.home-head h2{font-size:70px;left:22%;margin-top:-40px;position:absolute;top:50%}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:3s;border-right:2px solid #fff;display:inline-block;font-size:25px;left:30%;margin-top:-20px;opacity:0;overflow:hidden;position:absolute;top:55%;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:41%}}.med{display:flex;gap:30px;justify-content:center;left:33%;margin-top:20px;position:absolute;top:65%}.med a{font-size:20px}}@media screen and (max-width:430px){.home-head{margin-top:50px;padding-top:50px;position:static;text-align:center}.home-head h3{font-size:30px;position:static}.home-head h1{margin-top:-10px}.home-head h1,.home-head h2{font-size:50px;position:static}.home-head h2{margin-top:-40px}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:3s;border-right:2px solid #fff;display:inline-block;font-size:20px;margin-top:-20px;opacity:0;overflow:hidden;position:static;text-align:center;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:60%}}.med{display:flex;gap:30px;justify-content:center;margin-top:20px;position:static}.med a{font-size:20px}}@media screen and (max-width:425px){.home-head{margin-top:90px;padding-top:50px;position:static;text-align:center}.home-head h3{font-size:30px;position:static}.home-head h1{font-size:45px;margin-top:-10px;position:static}.home-head h2{font-size:70px;margin-top:-40px;position:static}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:3s;border-right:2px solid #fff;display:inline-block;font-size:20px;margin-top:-20px;opacity:0;overflow:hidden;position:static;text-align:center;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:60%}}.med{display:flex;gap:30px;justify-content:center;margin-top:20px;position:static}.med a{font-size:20px}}@media screen and (max-width:380px){.home-head{margin-top:90px;padding-top:50px;position:static;text-align:center}.home-head h3{font-size:30px;margin-top:-20px;position:static}.home-head h1{font-size:45px;margin-top:-10px;position:static}.home-head h2{font-size:60px;margin-top:-40px;position:static}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:3s;border-right:2px solid #fff;display:inline-block;font-size:20px;margin-top:-20px;opacity:0;overflow:hidden;position:static;text-align:center;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:70%}}.med{display:flex;gap:20px;justify-content:space-around;margin-top:20px 40px;position:static}.med a{font-size:15px}}@media screen and (max-width:320px){.home-head{margin-top:50px;padding-top:20px;position:static;text-align:center}.home-head h3{font-size:30px;margin-top:20px;position:static}.home-head h1{font-size:40px;margin-top:-10px;position:static}.home-head h2{font-size:60px;margin-top:-40px;position:static}.home-head p{animation:typing 3s steps(30) forwards,blink .7s step-end infinite;animation-delay:3s;border-right:2px solid #fff;display:inline-block;font-size:20px;margin-top:-20px;opacity:0;overflow:hidden;position:static;text-align:center;white-space:nowrap;width:0}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:80%}}.med{display:flex;gap:30px;justify-content:center;margin-top:20px;position:static}.med a{font-size:15px}}body{overflow-x:hidden}.about-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:scroll;background-repeat:no-repeat;background-size:cover;height:auto}.background-overlay-video{width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-me{animation:slideUp 1s ease-in forwards;font-family:Georgia,Times New Roman,Times,serif;font-size:21px;margin:50px 90px}.about-me,.about-me1 h1{color:#fff;position:relative;z-index:1}.about-me1 h1{font-weight:900;margin-left:160px}.about-me1 p{font-family:Georgia,Times New Roman,Times,serif;position:relative;z-index:1}.about-me1 span{font-size:50px;font-weight:700;z-index:1}.about-me button{background:#ddd;border:none;border-radius:20px;color:#000;cursor:pointer;font-size:20px;overflow:hidden;padding:12px 24px;position:relative;transition:color .4s ease-in-out,box-shadow .4s ease-in-out}.about-me button:before{background:#f0f;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease-in-out;width:100%;z-index:0}.about-me button:hover:before{left:0}.about-me button span{position:relative;transition:color .4s ease-in-out;z-index:1}.about-me button:hover span{color:#fff}.hexo img{animation:rotate-once 1.5s ease-out;filter:drop-shadow(0 15px 10px #00bfff) drop-shadow(0 0 20px #ff007f);height:auto;position:absolute;right:10%;top:35%;width:30%;z-index:1}@keyframes rotate-once{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.myskill{display:flex;justify-content:center}.myskill h2{color:#fff;font-size:50px;font-weight:900;z-index:1}.about-skill1,.about-skill2{align-items:center;display:flex;gap:150px;justify-content:center;margin-bottom:20px}.css-logo,.html-logo,.java-logo,.python-logo,.reactt-logo{padding:25px 50px 40px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{background:linear-gradient(#ff007f,#00bfff,#000);border-radius:10px;text-align:center;z-index:1}.node-logo{padding:25px 65px 40px}.css-logo img,.html-logo img,.java-logo img,.node-logo img,.python-logo img,.reactt-logo img{height:15vh;margin-top:0;object-fit:contain;width:100%}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{color:#fff;font-size:20px;font-weight:700;margin-top:10px}@media screen and (max-width:780px){.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100%;z-index:1}.about-me{font-size:16px;margin:20px;text-align:left}.about-me1 h1{font-size:30px;margin-left:10px;text-align:center}.about-me1 p{font-size:16px;margin-top:30px}.about-me1 span{font-size:35px}.about-me button{font-size:14px;padding:8px 16px}.hexo img{right:6%;top:30%;width:35%}.myskill h2{font-size:26px}.about-skill1,.about-skill2{align-items:center;flex-direction:row;gap:20px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;margin:10px;padding:10px;width:100px}.css-logo img,.html-logo img,.java-logo img,.node-logo img,.python-logo img,.reactt-logo img{height:60px;margin:0;object-fit:contain;width:60px}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{font-size:14px;margin-bottom:0;margin-top:6px;text-align:center}.page-wipe-container{height:100vh}.about-bg{background-position:50%;background-size:cover}}@media screen and (max-width:480px){.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100%;z-index:1}.about-me{font-size:16px;margin:10px;text-align:justify;white-space:nowrap}.about-me1 h1{font-size:30px;text-align:center}.about-me p{line-height:30px}.about-me1 p{font-size:16px;margin-top:290px}.about-me1 span{font-size:30px}.about-me button{font-size:12px;padding:15px 20px}.hexo{display:flex;justify-content:center}.hexo img{height:auto;right:20%;top:20%;width:60%}.myskill h2{font-size:22px}.about-skill1,.about-skill2{align-items:center;flex-direction:row;gap:20px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;margin:10px;width:100px}.css-logo img,.html-logo img,.java-logo img,.node-logo img,.python-logo img,.reactt-logo img{height:60px;margin:0;object-fit:contain;width:60px}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{font-size:14px;margin-bottom:0;margin-top:6px;text-align:center}}@media screen and (max-width:425px){.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100%;z-index:1}.about-me{font-size:15px;margin:10px;text-align:justify;white-space:nowrap}.about-me1 h1{font-size:30px;text-align:center}.about-me p{line-height:30px}.about-me1 p{font-size:15px;margin-top:290px}.about-me1 span{font-size:30px}.about-me button{font-size:12px;padding:15px 20px}.hexo{display:flex;justify-content:center}.hexo img{height:auto;right:20%;top:16%;width:60%}.myskill h2{font-size:22px}.about-skill1,.about-skill2{align-items:center;flex-direction:row;gap:20px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;margin:10px;width:100px}.css-logo img,.html-logo img,.java-logo img,.node-logo img,.python-logo img,.reactt-logo img{height:60px;margin:0;object-fit:contain;width:60px}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{font-size:14px;margin-bottom:0;margin-top:6px;text-align:center}}@media screen and (max-width:380px){body.no-scroll{height:auto;overflow:hidden}.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100%;z-index:1}.about-me{font-size:13px;margin:10px;text-align:justify;white-space:nowrap}.about-me1 h1{font-size:30px;text-align:center}.about-me p{line-height:30px}.about-me1 p{font-size:13px;margin-top:230px}.about-me1 span{font-size:30px}.about-me button{font-size:12px;padding:15px 20px}.hexo img{height:auto;right:20%;top:18%;width:60%}.myskill h2{font-size:22px}.about-skill1,.about-skill2{align-items:center;flex-direction:row;gap:20px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{height:100px;width:100px}.css-logo img,.html-logo img,.java-logo img,.python-logo img,.reactt-logo img{height:60px;object-fit:contain;width:60px}.node-logo img{width:50px}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{font-size:14px;margin-bottom:0;margin-top:6px;text-align:center}}@media screen and (max-width:320px){.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100%;z-index:1}.about-me{font-size:12px;margin:15px}.about-me1 h1{font-size:30px;text-align:center}.about-me p{line-height:20px;margin-right:10px}.about-me1 p{font-size:12px;margin-top:250px}.about-me1 span{font-size:30px}.about-me button{font-size:12px;padding:15px 20px}.hexo img{height:auto;right:15%;top:18%;width:70%}.myskill h2{font-size:22px}.about-skill1,.about-skill2{align-items:center;flex-direction:row;gap:20px}.css-logo,.html-logo,.java-logo,.node-logo,.python-logo,.reactt-logo{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:8px;width:100px}.css-logo img,.html-logo img,.java-logo img,.node-logo img,.python-logo img,.reactt-logo img{height:60px;object-fit:contain;width:60px}.css-logo p,.html-logo p,.java-logo p,.node-logo p,.python-logo p,.reactt-logo p{font-size:14px;margin:6px 0 0;text-align:center}}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{color:#fff;display:flex;font-size:50px;font-weight:900;justify-content:center;margin-top:20px;position:relative;z-index:1}.contact-form{display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.media{margin-left:90px}.drop-me{animation:slideInLeft 1.5s ease-in-out}.drop-me h1{font-size:50px}.drop-me h1,.drop-me p{color:#fff;position:relative;z-index:1}.drop-me p{font-size:23px}.phone i{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;padding:10px}.phone i,.phone span{color:#fff;font-size:20px;position:relative;z-index:1}.phone span{margin-left:10px}.message{margin-top:20px;position:relative;z-index:1}.message i{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;padding:10px}.message i,.message span{color:#fff;font-size:20px}.message span{margin-left:10px}.location{margin-top:20px;position:relative;z-index:1}.location i{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;color:#fff;font-size:20px;padding:10px 13px}.location span{color:#fff;display:inline-block;font-size:20px;margin-left:10px;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.follow{align-items:center;animation:fadeInUp 1.5s ease-in-out;border-top:1px solid #000;color:#fff;display:flex;margin-top:30px}.follow-me h1{font-size:40px;margin-top:5px;position:relative;z-index:1}.facebook i{margin-left:90px;padding:15px 18px}.facebook i,.whatsapp i{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;color:#fff;font-size:30px;margin-right:20px;margin-top:-25px;position:relative;transition:transform .3s ease,background .3s ease;z-index:1}.whatsapp i{padding:15px}.instagram i{margin-right:20px}.instagram i,.telegram i{background:linear-gradient(#ff007f,#00bfff);border-radius:10px;color:#fff;font-size:30px;margin-top:-25px;padding:15px;position:relative;transition:transform .3s ease,background .3s ease;z-index:1}.facebook i:hover,.instagram i:hover,.telegram i:hover,.whatsapp i:hover{box-shadow:0 0 10px #00bfff,0 0 20px #ff007f;transform:scale(1.1)}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.contact-body{animation:fadeInRight 1.5s ease-in-out;background:linear-gradient(#ff007f,#00bfff);border:2px solid #fff;border-radius:20px;display:flex;flex-direction:column;height:60vh;margin-left:auto;margin-right:150px;padding:40px 20px;position:relative;width:35%;z-index:1}::placeholder{color:#fff;font-size:20px;font-weight:100;opacity:1}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{background:#000;border:1px solid #000;border-radius:10px;color:#fff;font-size:20px;margin:5px;padding:20px;width:90%}.contact-email input:hover,.contact-message textarea:hover,.contact-name input:hover,.contact-phone input:hover{background:#ffffff5c;border:1px solid #fff}.contact-email input:hover::placeholder,.contact-message textarea:hover::placeholder,.contact-name input:hover::placeholder,.contact-phone input:hover::placeholder{color:#000}.contact-email input:focus,.contact-message textarea:focus,.contact-name input:focus,.contact-phone input:focus{background:#000;border:2px solid #fff;color:#fff;outline:none}.contact-message textarea{padding:10px 20px 110px;resize:none}.contact-body button{background:#000;border:1px solid #000;border-radius:9px;color:#fff;font-size:18px;margin-left:auto;margin-right:8px;padding:10px;width:20%}.contact-body button:hover{background:#00eaff;border:#00eaff;box-shadow:0 0 10px #f0f;color:#fff;color:#000}@media screen and (max-width:1024px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:35px;margin-top:15px;text-align:left}.contact-form{align-items:flex-start;flex-direction:column;margin-bottom:80px;margin-left:20px}.media{margin-left:0;text-align:center}.drop-me h1{font-size:40px;text-align:center}.drop-me p{font-size:18px;text-align:center}.follow,.location,.message,.phone{text-align:left}.follow{align-items:center;flex-direction:row;width:100%}.follow h1{font-size:40px;margin-right:20px}.facebook i,.instagram i,.telegram i,.whatsapp i{margin:10px 8px}.contact-body{height:auto;margin:20px auto;padding:20px;position:absolute;right:20px;width:40%}.contact-body button{font-size:16px;margin:10px 5px 10px auto;padding:15px;width:40%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{width:90%}}@media screen and (max-width:780px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:40px;margin-top:15px;text-align:center}.contact-form{align-items:center;flex-direction:column}.media{margin-left:0;text-align:center}.drop-me h1{font-size:45px;margin-top:-5px;text-align:center}.drop-me p{font-size:25px;text-align:center;white-space:nowrap}.location,.message,.phone{margin-left:15px;text-align:left}.message span,.phone span{font-size:28px}.location span{font-size:25px;position:absolute}.follow{align-items:center;bottom:-560px;flex-direction:row;margin:5px 5px 5px -15px;position:absolute;text-align:left;white-space:nowrap;width:85%}.follow h1{font-size:35px;margin-left:50px;margin-right:100px}.follow-me{white-space:nowrap}.facebook i,.instagram i,.telegram i,.whatsapp i{font-size:36px;margin:10px 12px;padding:10px}.facebook i{padding:10px 15px}.contact-body{height:auto;margin-right:60px;margin-top:380px;padding:20px;width:70%}.contact-body button{font-size:16px;margin:10px 5px 10px auto;padding:15px;width:40%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{height:auto;width:90%}}@media screen and (max-width:480px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:35px;margin-top:15px;text-align:center}.contact-form{align-items:center;flex-direction:column}.media{margin-left:0;text-align:center}.drop-me h1{font-size:40px;margin-top:-5px}.drop-me h1,.drop-me p{margin-right:20px;text-align:center}.drop-me p{font-size:15px;white-space:nowrap}.location,.message,.phone{margin-left:10px;text-align:left}.message span,.phone span{font-size:20px}.location span{font-size:18px;position:absolute}.follow{align-items:center;bottom:-470px;flex-direction:row;margin:5px 5px 5px 10px;position:absolute;text-align:left;white-space:nowrap;width:85%}.follow h1{font-size:30px;margin-left:10px;margin-right:10px}.follow-me{white-space:nowrap}.facebook i,.instagram i,.telegram i,.whatsapp i{font-size:23px;margin:10px 8px;padding:10px}.facebook i{padding:10px 13px}.contact-body{height:auto;margin-right:10px;margin-top:320px;padding:20px;width:75%}.contact-body button{font-size:16px;margin:10px 0 10px auto;padding:15px;width:40%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{height:auto;margin-left:-5px;width:90%}}@media screen and (min-width:426px) and (max-width:480px){.contact-header h1{font-size:32px}.contact-body{margin-top:300px;width:80%}.follow{bottom:-450px}}@media screen and (max-width:425px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:35px;margin-top:15px;text-align:center}.contact-form{align-items:center;flex-direction:column}.media{margin-left:0;text-align:center}.drop-me h1{font-size:40px;margin-top:-5px;text-align:center}.drop-me p{font-size:16px;margin-left:15px;text-align:center;white-space:nowrap}.location,.message,.phone{margin-left:20px;text-align:left}.location span{font-size:16px;position:absolute}.follow{align-items:center;bottom:-300px;flex-direction:row;margin:5px 5px 5px 20px;position:absolute;text-align:left;white-space:nowrap;width:85%}.follow h1{font-size:30px;margin-left:10px}.follow-me{white-space:nowrap}.facebook i,.instagram i,.telegram i,.whatsapp i{font-size:30px;margin:10px 8px;padding:10px}.facebook i{padding:10px 15px}.contact-body{height:auto;margin-right:10px;margin-top:350px;padding:20px;width:75%}.contact-body button{font-size:16px;margin:10px 0 10px auto;padding:15px;width:40%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{height:auto;margin-left:-5px;width:90%}}@media screen and (max-width:380px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:30px!important;margin-top:15px;text-align:center}.contact-form{align-items:center;flex-direction:column}.media{margin-left:0;text-align:center}.drop-me h1{font-size:28px;margin-left:5px;margin-top:-5px}.drop-me p{font-size:13px!important;margin:0 auto 5px -20px;text-align:center;white-space:nowrap}.location,.message,.phone{margin-left:-10px;text-align:left}.message span,.phone span{font-size:18px}.location span{font-size:15px;position:absolute}.follow{align-items:center;bottom:-310px!important;flex-direction:row;margin:5px 5px 5px -15px;position:absolute;text-align:left;white-space:nowrap;width:84%}.follow h1{font-size:25px!important;margin-left:15px}.facebook i,.instagram i,.telegram i,.whatsapp i{font-size:25px!important;padding:5px}.facebook i{padding:5px 8px}.contact-body{margin-right:15px;margin-top:300px!important;max-height:auto;width:70%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{height:1vh!important;margin-left:-4px;width:85%!important}.contact-body button{font-size:15px!important;height:auto;margin-top:-2px;width:50%!important}}@media screen and (max-width:320px){.contact-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.contact-header h1{font-size:30px!important;margin-top:15px;text-align:center}.contact-form{align-items:center;flex-direction:column}.media{margin-left:0;text-align:center}.drop-me h1{font-size:25px;margin-left:5px;margin-top:-5px}.drop-me p{font-size:12px!important;line-height:15px;margin:0 auto 10px -10px;text-align:center;white-space:nowrap}.location,.message,.phone{margin-left:-2px;text-align:left}.message span,.phone span{font-size:15px}.location span{font-size:14px;position:absolute}.follow{align-items:center;bottom:-235px!important;flex-direction:row;margin:5px 5px 5px -3px;position:absolute;text-align:left;white-space:nowrap;width:85%}.follow h1{font-size:20px!important;margin-left:10px}.facebook i,.instagram i,.telegram i,.whatsapp i{font-size:22px!important;padding:6px}.facebook i{padding:6px 8px}.contact-body{height:50vh;margin-right:5px;margin-top:280px!important;width:70%}.contact-email input,.contact-message textarea,.contact-name input,.contact-phone input{height:1vh!important;margin-left:-4px;width:85%!important}.contact-message textarea{padding-bottom:80px}.contact-body button{font-size:15px!important;height:auto;margin-top:-2px;width:50%!important}}.project{padding:20px;text-align:center}.project p{border-radius:10px;color:#fff;font-size:16px;font-weight:400;left:-10px;margin-bottom:-10px;margin-top:10px;padding:8px 12px;text-align:left;transform:none;z-index:1}.project a,.project p{position:relative;width:100%}.project a{display:block;height:50%;text-decoration:none}.project h1{display:flex;font-size:50px;font-weight:900;justify-content:center;margin-bottom:20px}.project h1,.project h2{color:#fff;margin-top:10px;position:relative;z-index:1}.project h2{border-radius:10px;font-size:20px;font-weight:700;left:-10px;margin-bottom:-10px;padding:8px 12px;text-align:left;transform:none;width:100%}.project-cards-container{color:#fff;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px}.project-card{align-items:flex-start;border-radius:20px;box-shadow:0 3px 15px rgba(0,0,0,.725);display:flex;flex-direction:row;gap:30px;max-width:1100px;min-height:200px;padding:20px;position:relative;width:40%}.project-card img{border-radius:12px;height:auto;object-fit:cover;width:200px;z-index:1}.github-button{align-items:center;background:none;border:2px solid #fff;border-radius:6px;bottom:15px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;left:50%;padding:5px 12px;position:absolute;transition:background-color .3s ease;z-index:1}.github-button:hover{background-color:#ffffff1a}.project-bg{background:radial-gradient(circle at bottom left,#ff007f,#0000 60%),radial-gradient(circle at top right,#00bfff,#0000 70%),linear-gradient(135deg,#0f0f0f,#1a1a1a);background-attachment:scroll;background-repeat:no-repeat;background-size:cover;height:auto}.background-overlay-video{height:100vh;left:0;object-fit:cover;opacity:.2;pointer-events:none;position:fixed;top:0;transform:scale(1.1);transform-origin:center center;width:100vw;z-index:1}@media (max-width:600px){.project h1{font-size:30px}.project h2{font-size:16px}.project p{font-size:15px;padding:6px 10px}.project-cards-container{flex-direction:column;gap:20px;padding:20px}.project-card{align-items:center;flex-direction:column;padding:15px;text-align:center;width:90%}.project-card img{height:auto;width:100%}.github-button{margin-top:15px;position:static}}@media (min-width:601px) and (max-width:1024px){.project h1{font-size:40px}.project h2{font-size:18px}.project-card{flex-direction:row;padding:20px;width:80%}.project-card img{width:180px}}
/*# sourceMappingURL=main.422c07c0.css.map*/