*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Roboto,monospace}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-thumb{background:#1ff103}::-webkit-scrollbar-track{background:#f1f1f1}a{text-decoration:none;cursor:pointer}.span{margin-top:3px;width:90px;height:8px;margin-bottom:20px;border-radius:20px;background-color:#29f329;background-image:linear-gradient(90deg,rgba(241,207,14,.5),rgba(7,51,145,.5))}.heading{text-align:center;margin-bottom:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#074066}#navbar{position:fixed;width:100%;height:50px;top:0;z-index:50;background-color:#f3f8ed;box-shadow:0 0 8px 1px}#navbar ul{list-style-type:none;display:flex;margin:10px 20px;padding:0 5px}#navbar ul li{padding:0 30px}#navbar ul li a{font-size:1.2rem;cursor:pointer}#navbar ul li a:hover{color:#0ff}.active{border-bottom:3px solid #5f11dd;color:#1589f5}#welcome{justify-content:space-around;height:100vh;width:100%;position:relative;background-image:linear-gradient(rgba(41,41,38,.9),rgba(110,56,56,.9)),url(/static/media/skill.041fb730.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}#welcome,.profile{display:flex;align-items:center}.profile{z-index:20;width:300px;height:300px;border-radius:50%;justify-content:center;background-color:grey}.profile img{width:100%;height:100%;border-radius:50%}.tsparticles-canvas-el{position:absolute;height:100vh;width:100vw;z-index:1}.header{z-index:5;width:50%;font-size:1rem;flex-direction:column;text-align:center}.header,.header div{display:flex;justify-content:center}.header div{margin-top:10px}.header div a{font-size:1.6rem;margin:0 10px;color:#fff}.header div .linkedin:hover{color:#0a66c2}.header div .github:hover{color:#000}.header div .mail:hover{color:#d04836}.suspense{color:#fff;font-size:50px}#welcome h2{color:#e2eeb4;margin-bottom:0}@media (max-width:800px){.profile{width:200px;height:200px}#welcome{flex-direction:column;justify-content:space-evenly}.header{margin-top:20px;width:100%}}#skills{width:100%;padding:50px 10px}#skills p{color:#353030;font-size:1rem}.skill{width:80px;height:80px;border-radius:50%;box-shadow:0 0 10px 8px #e6dbe1;display:flex;justify-content:center;align-items:center;margin:10px}.skill img{height:50px;width:50px}.skill p{color:#fff!important;text-align:center;padding:.3rem .5rem .5rem;border-radius:5px;opacity:0;top:-10px}.skill p,.skill p:after{background-color:green;position:absolute}.skill p:after{content:"";width:12px;height:12px;bottom:-35%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.skill:hover p{opacity:1}.content{display:flex}.skillsContainer{display:flex;flex-direction:column;margin-top:30px;justify-content:center}.skillsContainer div{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.skillsContainer :last-child{display:flex;flex-direction:column;align-items:center}@media (max-width:800px){.skillsContainer :last-child{padding:0 10px}}.skillsContainer :last-child p{text-align:center}.lottie{width:900px}@media (max-width:800px){.skill img{height:65px;width:65px}.content{flex-wrap:wrap}}#projects{width:100%;background-color:#dfd9d9;padding-top:80px;-webkit-clip-path:polygon(0 6%,100% 0,100% 100%,0 100%);clip-path:polygon(0 6%,100% 0,100% 100%,0 100%)}.contain{padding:0 5px 30px}.card{display:flex;margin:30px 0;align-items:center;text-align:left;padding:0 10px 30px;color:#0a470a}.card img{height:400px;width:50%;border-radius:20px;transition:box-shadow .5s}.card img:hover{box-shadow:0 0 16px 2px #74656d}.card div{padding:20px;display:flex;flex-direction:column;align-items:space-evenly}.card div p{font-size:1rem;padding:10px 0;color:#806c6c}.card div p span{color:#353030}.card div a{color:#000;font-size:1.5rem;margin-left:0}.card div a:hover{color:#00f}.card div a:first-child{margin-right:20px}.card:nth-child(2n){flex-direction:row-reverse;text-align:right}@media (max-width:800px){#projects{-webkit-clip-path:none;clip-path:none}.card{display:block}.card img{height:200px;width:300px}.card div{padding:0;margin-top:20px}}.hire{width:100%;height:20vh;background-color:#fff;padding:10px 0;background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.hire h2{color:#0bc29a}.hire a{text-decoration:none;color:#4df34d;font-size:1.5rem}.hire a:hover{color:#5555f0}#contact{width:100%;min-height:100vh;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;background-color:#0c7d91}#contact .heading{margin-top:70px;color:#fff}#contact .request{color:#fff;text-align:center;margin-bottom:20px}#contact .resume{padding:10px;outline:none;border:none;border-radius:5px;margin-bottom:10px;cursor:pointer}#contact .resume:hover{background-color:#b9aaaa}#contact .resume a{color:#000}.social-media{margin-bottom:10px;width:300px;display:flex;justify-content:space-evenly}.social-media a{font-size:2rem;color:#fff}.social-media a:hover{color:#fff}.social-media .linkedin:hover{color:#0a66c2}.social-media .github:hover{color:#000}.social-media .mail:hover{color:#d04836}.contact-form{width:500px;display:flex;flex-direction:column;justify-items:center;align-content:center;margin:30px auto;background-color:#fff;box-shadow:0 0 8px 1px #000}@media (max-width:800px){.contact-form{max-width:300px}}.contact-form p{color:rgba(5,115,119,.5);margin:5px auto;font-size:1em}.form{margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.form p{color:red;font-size:.8em}input,textarea{width:90%;height:10px;margin-top:30px;padding:15px;font-size:1em;outline:none;border:none;border-bottom:2px solid #999}input:focus,textarea:focus{border-bottom:2px solid #0d2eec}form button{margin:20px;font-size:1.2rem;background-color:#56f356;border:none;outline:none;padding:5px;border-radius:5px;cursor:pointer}form button:hover{-webkit-filter:opacity(.8);filter:opacity(.8)}.footer{width:100%;height:50px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center}.footer .copyright{padding:0 3px;font-size:1.7rem}@media (max-width:800px){body{font-size:12px}}
/*# sourceMappingURL=main.32f764e5.chunk.css.map */