@import"https://fonts.googleapis.com/css2?family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Courgette&family=Delicious+Handrawn&family=Lobster&family=Rampart+One&family=Satisfy&family=Tilt+Prism&display=swap";@import"https://fonts.googleapis.com/css2?family=Finger+Paint&family=Kolker+Brush&family=Open+Sans:wght@300;400;500;800&family=Roboto+Slab:wght@400;500&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Alkatra&family=Courgette&family=Delicious+Handrawn&family=Lobster&family=Rampart+One&family=Satisfy&family=Tilt+Prism&display=swap";*{margin:0;padding:0;scroll-behavior:smooth}#bg{width:100%}body{background:#0a2a43;background:linear-gradient(#0a2a43,#0d3755,rgb(170,54,124),rgb(74,47,189));min-height:1500px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-x:hidden}.navb{align-items:flex-start;justify-content:center;width:100%;display:flex;flex-direction:column}.mouni{align-items:flex-start}#navbar-example2{align-items:center;justify-content:center;background:#bcb5b8;width:100%}.navbar-brand{font-size:25px;font-weight:500;font-family:Delicious Handrawn,cursive;color:#ae00ff}.nav-pills{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;gap:25px}.nav-link{font-size:large;font-family:Courgette,cursive}.nav-link:hover{color:#000;font-size:large;box-shadow:0 2px #295883;border-radius:40%}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%!important}section{margin-top:0!important;position:relative;width:100%;height:70vh;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-top:0}section:before{content:"";position:absolute;bottom:0;width:100%;height:80px;background:linear-gradient(to top,#0a2a43,transparent);z-index:10000}.icon a{text-decoration:none;font-size:smaller;color:beige}.icon a:hover{color:#fff}section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}section img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#text{position:relative;color:#fff;font-size:6em;z-index:1;object-fit:contain}#road{z-index:2}.typing{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.wrapper{display:inline-flex;width:50%;align-items:center;justify-content:center}.wrapper .static-txt{color:#fff;font-size:60px;font-weight:400}.wrapper .dynamic-txt{margin-left:15px;width:100%;height:90px;line-height:90px;align-items:center;justify-self:center;overflow:hidden}.dynamic-txt li{list-style:none;font-size:50px;font-weight:500;color:#1a9fd0;position:relative;top:0;align-items:center;animation:slide 6s steps(4) infinite}.list{align-items:center;justify-content:center;font-family:Rampart One,cursive}@keyframes slide{to{top:-360px}}.dynamic-txt li span{position:relative}.icon{color:#ae00ff;font-family:Satisfy,cursive!important}.dynamic-txt li span:after{content:"";position:absolute;left:0;height:127%;background-color:#0a2a43;align-items:center;justify-content:center;color:#f0f8ff!important;width:100%;border-left:2px solid rgb(26,159,208);animation:typing 1.5s steps(10) infinite}@keyframes typing{to{left:100%;margin:0 -35px 0 35px}}.icons{display:flex;flex-direction:row;align-items:center;justify-content:center!important}.icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:100px}.icon .sym :hover{cursor:pointer;color:#886969;background-color:#fff;border-radius:50%}.dog{background-color:#f1ebeb!important;width:100px;height:100px}@media all and (max-width: 900px){#navbar-example2{width:100%;display:flex;flex-direction:column}.navbar-brand{display:none}.nav-pills{gap:10px}.wrapper .dynamic-txt{display:none}.icons{width:100%;margin-bottom:0}#text{font-size:80px}}@media all and (max-width: 650px){#text{font-size:60px}#navbar-example2{align-items:center;justify-content:center}}.about{width:100%;overflow:visible;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center!important;justify-content:center!important;margin-top:10rem!important;margin-bottom:0!important}.abouts{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;font-size:medium;max-width:70%;font-family:Satisfy,cursive!important}.heading{transition:margin .2s ease-in-out}.heading .h3{color:#fff;background:linear-gradient(to right,#40e0d0,#ff8c00,#ff0080);font-size:3rem!important;font-weight:800;border-radius:10px;transition:all .4s ease;font-family:Finger Paint,cursive}.para p{display:contents;align-items:center;justify-content:center;overflow-wrap:initial;font-family:Satisfy,cursive!important;margin-top:10px;display:flex;font-size:1.5rem;font-weight:900;color:#fff}.name{color:#fff;font-size:1.5rem;font-weight:600;align-items:center!important;justify-content:center!important}.skill-icon{display:flex;margin-top:10rem;flex-direction:row;align-items:center;justify-content:center;width:100%;background-image:url(/assets/background-7d41ca4d.png);background-size:cover}.skills-icons{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.skills{font-family:Finger Paint,cursive;font-size:3.5rem;margin-bottom:.8rem;line-height:1;color:#fff}.space{display:flex;flex-direction:column;align-items:center!important;justify-content:center!important}.scroll{display:flex;flex-direction:column;gap:2rem;align-items:center!important;justify-content:center!important}.moving-icons{width:80px;height:80px;transform:perspective(25px) rotateX(0) rotateY(0) scale(1);transition:all 1s ease;align-items:center!important;justify-content:center!important}.moving-icons:hover{transform:rotate3d(1,1.5,0,20deg) scale(1.5)}.astro{border-radius:0%}.astro img{animation:updown 3s linear infinite;width:500px}@keyframes updown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.astro img:hover{animation:rightleft;transition:.7s all;transform:translateXY(-40px)}@keyframes rightleft{0%{transform:translate(-40px)}40%{transform:translate(40px)}80%{transform:translate(-40px)}}@media all and (max-width: 960px){.skill-icon{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column}.skills-icons{display:flex;flex-direction:row;width:80%;align-items:center;justify-content:center}.skills{font-size:3rem;color:#fff;margin-bottom:2rem;font-weight:600}.space{display:flex;flex-direction:column;align-items:center!important;justify-content:center!important}.scroll{display:flex;flex-direction:column;gap:1rem;align-items:center!important;justify-content:center!important}.moving-icons{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important}.name{font-weight:600;align-items:center!important;justify-content:center!important;font-size:1.3rem}.heading .h3{font-size:3rem!important;font-family:Finger Paint,cursive}.para p{font-size:1.5rem;font-weight:900;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:30px}}@media all and (max-width: 680px){.heading .h3{font-size:2.3rem!important;font-family:Finger Paint,cursive}.para p{font-size:1.2rem!important}.skills{font-size:2.3rem}.moving-icons{width:80%}}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,"sans-serif"}.con{width:100%}.container{width:80%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10rem;border-radius:20px;position:relative;background:#00222B}.ener{display:flex;justify-content:center;align-items:center;margin-top:10px}.energy{color:#f0f8ff;font-size:25px;justify-content:center;align-items:center}.field{margin-bottom:8px}input.input{height:50px;width:400px;font-size:1.5rem;margin:2px}textarea.input{font-size:1.3rem}label.label{font-size:1.5rem}.contact{color:#fff}.is-danger,.label{color:#f0f8ff}@media all and (max-width: 960px){.container{width:80%;align-items:center;justify-content:center}.contact{width:100%;align-items:center;justify-content:center}input.input{height:50px;width:300px;font-size:1.5rem;margin-left:50px}.label,.btn{margin-left:50px}.icon{gap:20px}}.project{display:flex;flex-direction:column;color:#f0f8ff;font-size:1.5rem;align-items:center!important;justify-content:center!important;margin-top:5rem;width:100%;margin-bottom:10px;background:url(/assets/harryback-931c9f54.jpg);background-size:cover}.project-headding{display:flex;flex-direction:column;position:relative;width:70%;margin-top:0;font-weight:600;align-items:center;justify-content:center}.project-heading{font-size:3rem;font-family:Finger Paint,cursive}.projects-all{display:grid;grid-template-columns:1fr 1fr}.gride{display:grid;margin-bottom:20px;margin-right:20px;width:500px;transform:rotateY(0)}.section-project{background:var(--bg);transition:all .7s linear}.containers{margin:10px;position:relative;display:flex;flex-direction:column}.harry-porter{display:flex;margin-left:40px;position:absolute;align-items:flex-start!important;justify-content:flex-start!important}.harrie{position:relative;width:20px;transition:step-start;align-items:flex-start!important;justify-content:flex-start}.hai:hover .harrie{width:300px;animation:right 5s linear 3}@keyframes right{0%{transform:translateX(-70px,50px);width:40px;opacity:.3}30%{transform:translateZ(-70px)}to{transform:translate(-70px)}}.project-para{font-size:1.5rem;font-weight:900;color:#fff;font-family:Satisfy,cursive!important;margin-top:10px}.image{width:100%!important;height:100%!important;position:relative;border-radius:10px}.grid{display:flex;flex-direction:row;align-items:center;gap:106px!important;margin-bottom:60px!important;overflow-y:scroll}.img-overlay{width:100%;height:100%;position:relative;display:flex}.overlay{position:absolute;width:100%!important;height:100%!important;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-color:#4d4d4dcc;background:linear-gradient(rgba(143,203,243,.6),rgba(235,122,235,.6),rgba(247,136,145,.6));font-size:larger;z-index:-1;transition:all .4s linear;border-radius:7px;clip-path:circle(0% at 0 0)}.img-overlay:hover>.overlay{z-index:1;clip-path:circle(150% at 0 0);color:#000;transform:translateY(0);cursor:pointer}.inside{display:flex;flex-direction:row;color:#000!important;gap:10px;width:100%!important;height:100%!important;justify-content:flex-end!important}.inside>a{color:#000!important;margin-left:5px!important;margin-right:5px!important}.inside-icons{display:flex;flex-direction:column;align-items:last baseline!important;justify-content:flex-end!important;margin-bottom:10px}.in-icons{display:flex;flex-direction:row;gap:30px;align-items:last baseline;justify-content:flex-end;vertical-align:bottom!important}.in-names{display:flex;align-items:center;width:100%;justify-content:center;flex-direction:column}.in-name{display:flex;gap:10px!important;align-items:center;font-size:larger!important}.common-heading{margin:0;color:#000;text-decoration:none;font-size:30px}@media all and (max-width: 960px){.project-heading{font-size:3rem!important;margin-top:0}.project-para{font-size:1.5rem!important;font-weight:900}.projects-all{display:grid;grid-template-columns:1fr}.project{font-size:1.2rem}.gride{transform:rotateY(0)}.m-icons{width:30px;height:30px}.common-heading{margin:0;color:#000;text-decoration:none;font-size:20px}.eye,.git{font-size:30px!important}}@media all and (max-width: 680px){.m-icons{width:20px;height:20px}.project-heading{font-size:2.5rem!important;margin-top:0}.common-heading{margin:0;color:#fff;text-decoration:none;font-size:15px}.in-icons{gap:5px}.eye,.git{font-size:25px!important}}