@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);body{background-color:#000}*{font-family:"Poppins",sans-serif;max-width:100%}.projects-container{height:1200px;background-color:#9fbd27}.wrapper{margin:auto;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}a:hover{text-decoration:none}.bg-display{background:rgba(102,84,136,.9921568627450981)}.wrap{width:100%;height:500px;margin:auto}.download-button{background-color:#141806;border-radius:30px;padding:3%;color:#fff}.left{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2);display:flex;justify-content:center;align-items:center;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);float:left;width:50%;height:600px;margin-top:4rem}.right{height:auto;margin-top:8rem;float:right;width:50%}@media (max-width:480px){.left,.right{width:100%!important;height:50%!important}}#eyes{-webkit-animation:moveleft 1s ease-out infinite alternate;animation:moveleft 1s ease-out infinite alternate}@-webkit-keyframes moveleft{0%{-webkit-transform:translateX(6px);transform:translateX(6px)}to{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}@keyframes moveleft{0%{-webkit-transform:translateX(6px);transform:translateX(6px)}to{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}#tail{-webkit-animation:relax 1s ease-in infinite alternate;animation:relax 1s ease-in infinite alternate}@-webkit-keyframes relax{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-4px);transform:translateX(-4px)}}@keyframes relax{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-4px);transform:translateX(-4px)}}#leaves{-webkit-animation:leaf 2s infinite alternate;animation:leaf 2s infinite alternate}@-webkit-keyframes leaf{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes leaf{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.edit-href{text-decoration:none}@-webkit-keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.waves{position:relative;width:100%;height:15vh;min-height:100px;max-height:70px}.edit-waves{margin-top:-6rem}.parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@media (max-width:480px){.waves{margin-top:-15rem}}.contacts{width:100%;height:400px;flex-direction:column;content:"";background-color:rgba(112,84,136,.8549019607843137)!important}.contacts,footer{display:flex;justify-content:center;align-items:center}footer{border-radius:30px;height:80%;text-align:center;width:80%}ol{display:flex;padding-bottom:0!important}ol li{position:relative;display:block;color:#666;font-size:30px;height:60px;width:60px;background:#171515;line-height:60px;border-radius:50%;margin:0 15px;cursor:pointer;transition:.5s}.ol li:before{position:absolute;content:"";top:0;height:inherit;width:inherit;border-radius:30%;-webkit-transform:scale(.9);transform:scale(.9);z-index:-1;transition:.5s}ol li:first-child:before{background:#4267b2}ol li:nth-child(2):before{background:#1da1f2}ol li:nth-child(3):before{background:#e1306c}ol li:nth-child(4):before{background:#2867b2}ol li:hover:before{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:scale(1.2);transform:scale(1.2)}ol li:first-child:hover:before{box-shadow:0 0 15px #4267b2}ol li:nth-child(2):hover:before{box-shadow:0 0 15px #1da1f2}ol li:nth-child(3):hover:before{box-shadow:0 0 15px #e1306c}ol li:nth-child(4):hover:before{box-shadow:0 0 15px #2867b2}ol li:first-child:hover{color:#456cba;box-shadow:0 0 15px #4267b2;text-shadow:0 0 15px #4267b2}ol li:nth-child(2):hover{color:#26a4f2;box-shadow:0 0 15px #1da1f2;text-shadow:0 0 15px #1da1f2}ol li:nth-child(3):hover{color:#e23670;box-shadow:0 0 15px #e1306c;text-shadow:0 0 15px #e1306c}ol li:nth-child(4):hover{color:#2a6cbb;box-shadow:0 0 15px #2867b2;text-shadow:0 0 15px #2867b2}dl,ol,ul{margin-top:1;margin-bottom:0}@media (max-width:480px){.contacts{width:100%;height:15vh;position:fixed;bottom:0}}.skills{width:100%;height:800px;background-color:#fefffd;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.sects{background-color:#f7f5f5;border:8px rgba(0,0,0,.4);border-radius:20px}.edit-btn{border-radius:30px;background-color:green;color:#fff;height:45px;padding:2%}.h1-skills{border-radius:20px;font-size:2.3rem}p{color:#000}.box1,p{text-align:center}.box1{width:50%;float:left;height:100%}.img-s{width:50%;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.box2{width:50%;height:90%;padding:5%;margin-bottom:1rem;float:right;background-color:#6549d4;color:#fff;border-radius:30px}@media (max-width:480px){.skills{margin-bottom:5rem;height:100%!important}.box1{margin-bottom:2rem}.box1,.box2{width:100%!important;height:auto!important}.edit-btn{margin-bottom:1rem}}.feature-card{width:380px;height:450px;margin:50px auto;background-position:top;background-size:cover;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 2px 7px #dfdfdf}.feature-card-deatails{bottom:-228px;padding:30px;background:hsla(0,0%,100%,.6);font-size:15px;color:#888}.feature-card-deatails,.feature-card-tilte{position:absolute;left:0;width:100%;transition:.3s ease-in-out}.feature-card-tilte{text-align:center;bottom:0;text-transform:uppercase;padding:20px;background:#fff}.feature-card-tilte h3{font-size:22px;font-weight:700;color:#373737}.feature-card:hover .feature-card-tilte{bottom:-67px}.feature-card-deatails i{font-size:35px;color:#1d365c}.feature-card-deatails h4{font-size:20px;color:#1d365c;margin:15px 0;text-transform:uppercase;font-weight:700}.feature-card-deatails a{display:inline-block;margin-top:15px;color:#1d365c;text-decoration:none;font-weight:700}.feature-card:hover .feature-card-deatails{bottom:0}.content-card{height:600px;width:100%;background-color:#6549d4;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{height:auto;border-radius:20px;border:none;width:80%;background-color:#c2c7c0;text-align:center;color:#000;margin:auto}h2{color:green}.img-container{display:flex;flex-direction:column}img{height:50%}p{padding:3%}.context{background-color:#6549d4!important;width:100%;height:600px;padding:5%;margin-bottom:15rem}.context,.context-btn{display:flex;justify-content:center;align-items:center}.context-btn{background-color:#6549d4;text-align:center;color:#f0f8ff;height:70px;width:80%;margin:2rem auto auto}.btn{color:#fff}.btn :hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
/*# sourceMappingURL=main.4cb5c513.chunk.css.map */