@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500&family=Montserrat+Subrayada&family=Montserrat:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500&family=Montserrat+Subrayada&display=swap);@import url(https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple);@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500&display=swap);body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,code{font-family:Montserrat,sans-serif}body{overflow:hidden!important}.landing-grid{background-color:#5050e2;min-height:100vh;scroll-behavior:smooth}.Banner-text,.landing-grid{display:flex;flex-direction:column}.Banner-text{max-width:1000px;align-items:flex-start;min-height:80vh;margin:0 auto;padding:150px 0}.Banner-text h1{color:#fff;font-size:56px;font-family:Montserrat Subrayada,sans-serif;font-weight:500;margin:0 0 20px 3px}.animation_icon{margin:auto 20px;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}0%{color:#fff}25%{color:#000}50%{color:#000}to{color:#fff}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}0%{color:#fff}25%{color:#000}50%{color:#000}to{color:#fff}}.Banner-text>p{opacity:.8;background:#fff;line-height:50px;font-size:27px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Banner-text>p,.Banner-text a{font-family:Montserrat Alternates,sans-serif}.Banner-text a{color:#fff;background-color:transparent;font-size:15px;line-height:1;cursor:pointer;border:4px solid #000;border-radius:3px;margin:50px auto;-webkit-animation-direction:alternate;animation-direction:alternate;background-color:rgba(28,160,149,.472);padding:1.25rem 1.75rem;text-decoration:none;display:inline-block;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Banner-text a:hover{color:#000;-webkit-transition:.2s ease-out;transition:.2s ease-out;box-shadow:0 12px 16px 0 rgba(0,0,0,.404),0 17px 50px 0 rgba(0,0,0,.19)}.left-side{width:40px;position:fixed;bottom:0;left:40px;right:auto;z-index:10;color:#a8b2d1}.Social-medias{display:flex;flex-direction:column;align-items:center;padding:0;margin:0;list-style:none}.Social-medias,li{display:list-item;margin-bottom:2px;text-align:-webkit-match-parent}.Social-medias,img{width:28px;fill:transparent;margin:30px auto 0}.Social-medias:after{content:"";display:block;width:1px;height:100px;background-color:#a8b2d1;margin:0 auto;cursor:all-scroll}.Social-medias li:last-of-type{margin-bottom:30px}section{padding:6rem;background-color:#fff;border:2px solid #000;color:#000}.content--title{font-weight:700;text-align:center;display:block;font-weight:40px;font-size:2rem;margin:2rem 0}.content--skills ul{display:flex;flex-wrap:wrap;justify-content:center}.content--skills i{font-size:30px;margin:0 1rem;color:rgba(0,26,255,.623)}.content--skills li{display:flex;align-items:center;flex-basis:240px;padding:1rem;border:4px solid #000;border-radius:.5rem;margin:2rem;-webkit-transition:all .6s ease;transition:all .6s ease}.content--skills>h2{font-size:40px;font-family:Montserrat Subrayada,sans-serif}.content--skills li:hover{background-color:#7fffd4;color:#000;box-shadow:10px 10px 8px 0 #000}.why-me{display:grid;place-content:center}.why-me h1{text-align:center;font-weight:40px;font-size:3rem;margin:4rem auto;color:#fff;font-family:Montserrat Subrayada,sans-serif}.why-me h2{font-weight:700;text-align:center;font-weight:4px;font-size:2rem;margin:1rem auto;font-family:Montserrat Alternates,sans-serif}.why-me ul{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.why-me li{font-size:1.5rem;line-height:3;border:4px solid #000;border-radius:25px;background-color:#fff;margin:2rem;color:#000;text-align:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;list-style-type:none;box-shadow:10px 8px 5px 0 #000;width:260px}.why-me li:hover{box-shadow:none}.step-title{justify-content:center;align-items:center}.why-me i{font-size:30px;margin:0 1rem;color:rgba(0,26,255,.623)}.why-me li p{border-top:2px solid #000;padding:.5rem .75rem;font-size:1.1rem;height:200px;text-align:center;font-family:Montserrat Alternates,sans-serif}.Banner-text-1{max-width:100%;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:50vh;background-color:#fff;margin:200px auto;border:4px solid #000;padding:80px 10px 0}.Banner-text-1 h1{color:#070707;font-size:56px;font-family:Montserrat Subrayada,sans-serif;font-weight:500;margin:0 auto 50px}.Banner-text-1>p{margin:auto;line-height:30px;opacity:.8;background:#000;font-size:20px;text-align:center;width:50%;display:grid;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Banner-text-1 a,.Banner-text-1>p{font-family:Montserrat Alternates,sans-serif}.Banner-text-1 a{color:#000;line-height:1;cursor:pointer;border:4px solid #000;margin:50px auto;background-color:#e7f0ef;padding:1.25rem 1.75rem;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.Banner-text-1 a:hover{color:#000;-webkit-transition:.2s ease-out;transition:.2s ease-out;box-shadow:3px 4px 2px 1px rgba(0,0,0,.404)}@media screen and (max-width:900px){.animation_icon{display:none}.Banner-text,.Banner-text-1{text-align:center}.Banner-text-1{padding:auto}.Banner-text>p{line-height:35px;font-weight:900;font-size:20px}.Banner-text-1>p{margin:auto;width:100%}.Social-medias{display:none}.content--skills{padding:3rem 0 0;display:grid;place-content:center}.content--skills>h2{margin:auto 0 0 15px}.content--skills ul{justify-content:unset}.why-me ul{padding:0}}.background iframe{width:100%;display:flex;flex-direction:column;height:100%;margin:0 auto;position:absolute}.mdl-grid{padding:30px!important}.card-lesson{min-height:100px}.mdl-card__actions{display:flex;box-sizing:border-box;align-items:center;height:150px}.mdl-card__title{align-items:flex-start}.mdl-card{border:3px solid #000;background-image:url(https://www.wallpapertip.com/wmimgs/84-843418_background-black-darkblue-light-textures-texture-download-background.jpg)!important;max-width:100%!important;height:auto!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:8px 8px 8px 0 rgba(0,0,0,.849)!important;-webkit-transition:all .3s!important;transition:all .3s!important;text-align:center!important}.mdl-card:hover{box-shadow:none!important}.mdl-button{color:#f5f5f5!important;background-color:#000!important;-webkit-transition:all .3s!important;transition:all .3s!important;box-shadow:2px 2px 4px 0 hsla(0,0%,100%,.849)!important;width:200px!important}.mdl-button:hover{box-shadow:none!important}.mdl-card__title-text{background:-webkit-linear-gradient(rgba(246,244,244,.733),#fff);-webkit-background-clip:text;font-family:Montserrat Alternates,sans-serif;-webkit-text-fill-color:transparent;text-shadow:4px 4px 4px #aaa!important;width:100%}.mdl-card__supporting-text{background:-webkit-linear-gradient(hsla(0,0%,100%,.733),#fff);-webkit-background-clip:text;font-family:Montserrat Alternates,sans-serif;-webkit-text-fill-color:transparent;width:100%!important}.mdl-card__actions{display:grid!important;place-content:center!important}.mdl-card__actions,.mdl-card__actions>.mdl-button,.mdl-card__supporting-text,.mdl-card__title{color:#fff}.contact-body{background-color:#5050e2;min-height:100vh;display:flex;scroll-behavior:smooth;flex-direction:column}.contact-grid{text-align:center;width:70%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:7rem auto!important;background:#fff;background-size:1000%;color:#000;border:5px solid #000;border-radius:32px}.cardBox{-webkit-perspective:500px;perspective:500px;margin:20px;height:100px;display:flex;padding-left:12rem;padding-top:3rem}.card{width:20px;height:20px;background:#00f;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.6s ease;transition:.6s ease;border-radius:5em}.card,.Priyanshu{position:absolute}.Priyanshu{width:200px;height:200px;background:#fff}.card-back,.card-front{position:absolute;top:12px;left:18px;width:150px;height:150px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-front{font-size:40px;display:grid!important;place-content:center!important}.IMPR{width:auto;margin-left:90px}.card-back{font-family:Montserrat Alternates,sans-serif;font-size:30px}.card-back,h3,p{background:-webkit-linear-gradient(rgba(3,9,92,.733),#007180);-webkit-background-clip:text;font-family:Montserrat Alternates,sans-serif;-webkit-text-fill-color:transparent}.card-back,.cardBox:hover .card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.red-title{margin:24px 0 .2em!important;font-family:Bungee Shade,cursive!important;text-shadow:4px 4px 4px #aaa!important;line-height:none!important}.contact-grid hr{border-top:5px groove #8a2be2;width:50%;margin:auto}.contact-List i{font-size:60px;display:flex;float:left}.contact-List p{font-size:30px;line-height:none;margin-left:90px;margin-top:20px;text-transform:uppercase;font-family:Montserrat Alternates,sans-serif}.contact-List{margin-top:3rem!important;margin:auto;width:80%!important;border:3px solid #66055e;border-radius:32px;text-decoration:underline;display:grid;place-content:center;padding-bottom:auto!important;z-index:10}.introduction{font-size:20px!important;line-height:30px;padding-top:14rem;width:75%;text-transform:lowercase}.introduction,.introduction strong{font-family:Montserrat Alternates,sans-serif}.introduction strong{line-height:40px;text-transform:uppercase}.no{cursor:pointer}@media screen and (max-width:1000px){.contact-body{width:auto;height:auto;background-color:#5050e2;min-height:100vh;display:flex;scroll-behavior:smooth;flex-direction:column}.contact-grid{width:90%;margin-top:10rem!important;height:auto!important}.contact-grid hr,.IMPR{display:none}.cardBox{margin:auto;padding-left:6rem;padding-top:3rem}.card-back,.card-front{display:none}.Priyanshu{width:auto;height:auto!important}.contact-List{height:-webkit-max-content;height:-moz-max-content;height:max-content;border:none}.contact-List,p{text-align:center!important}.cardBox{display:none}.introduction{font-size:20px!important;line-height:none!important;font-family:Montserrat Alternates,sans-serif;margin:auto;padding-top:2rem;width:auto}.mt5{margin-top:35px}}@media screen and (min-width:1500px){.contact-List{width:50%!important}}#SkillBox>center>p{font-size:50px}.SkillBoxh1{display:none}#SkillBox{font-size:20px;font-family:Indie Flower,cursive;width:95%;height:auto;margin:60px auto;background-color:#fff;padding:10px;border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-moz-border-radius:20px;box-shadow:1px 5px 10px 0 rgba(0,0,0,.5),1px 5px 10px 1px rgba(15,49,160,.705)}#SkillBox img{width:20%;height:10%;margin:auto 35%;padding:10px}.SkillBar{width:90%;height:50px;position:relative;background:rgba(17,17,17,.3);margin:20px auto}#Skill-HTML{width:100%;animation:Animate-HTML 4s;-webkit-animation:Animate-HTML 4s;-moz-animation:Animate-HTML 4s;-o-animation:Animate-HTML 4s;height:50px;position:absolute;background-color:#ea8564}@keyframes Animate-HTML{0%{width:10px}to{width:100%}}@-webkit-keyframes Animate-HTML{0%{width:10px}to{width:100%}}#Skill-CSS{animation:Animate-CSS 5s;-webkit-animation:Animate-CSS 5s;-moz-animation:Animate-CSS 5s;-o-animation:Animate-CSS 5s;width:80%;height:50px;position:absolute;background-color:#55a69f}@keyframes Animate-CSS{0%{width:10px}to{width:80%}}@-webkit-keyframes Animate-CSS{0%{width:10px}to{width:80%}}#Skill-jQuery{animation:Animate-jQuery 5s;-webkit-animation:Animate-jQuery 5s;-moz-animation:Animate-jQuery 5s;-o-animation:Animate-jQuery 5s;width:40%;height:50px;position:absolute;background-color:#99856d}@keyframes Animate-jQuery{0%{width:10px}to{width:40%}}@-webkit-keyframes Animate-jQuery{0%{width:10px}to{width:40%}}#Skill-JS{animation:Animate-JS 4s;-webkit-animation:Animate-JS 4s;-moz-animation:Animate-JS 4s;-o-animation:Animate-JS 4s;width:65%;height:50px;position:absolute;background-color:#c44e45}@keyframes Animate-JS{0%{width:10px}to{width:65%}}@-webkit-keyframes Animate-JS{0%{width:10px}to{width:65%}}#Skill-XML{animation:Animate-XML 4s;-webkit-animation:Animate-XML 4s;-moz-animation:Animate-XML 4s;-o-animation:Animate-XML 4s;width:40%;height:50px;position:absolute;background-color:#5aa669}@keyframes Animate-XML{0%{width:10px}to{width:40%}}@-webkit-keyframes Animate-XML{0%{width:10px}to{width:40%}}#Skill-DJANGO{animation:Animate-C 4s;-webkit-animation:Animate-C 4s;-moz-animation:Animate-C 4s;-o-animation:Animate-C 4s;width:60%;height:50px;position:absolute;background-color:#970cc1}@keyframes Animate-C{0%{width:10px}to{width:60%}}@-webkit-keyframes Animate-C{0%{width:10px}to{width:60%}}#Skill-FLASK{animation:Animate-JAVA 4s;-webkit-animation:Animate-JAVA 4s;-moz-animation:Animate-JAVA 4s;-o-animation:Animate-JAVA 4s;width:55%;height:50px;position:absolute;background-color:#8e930c}@keyframes Animate-JAVA{0%{width:10px}to{width:55%}}@-webkit-keyframes Animate-JAVA{0%{width:10px}to{width:55%}}#Skill-PYTHON{animation:Animate-PHP 4s;-webkit-animation:Animate-PHP 4s;-moz-animation:Animate-PHP 4s;-o-animation:Animate-PHP 4s;width:70%;height:50px;position:absolute;background-color:#5a69a6}@keyframes Animate-PHP{0%{width:10px}to{width:70%}}@-webkit-keyframes Animate-PHP{0%{width:10px}to{width:70%}}#Skill-SQL{animation:Animate-SQL 4s;-webkit-animation:Animate-SQL 4s;-moz-animation:Animate-SQL 4s;-o-animation:Animate-SQL 4s;width:80%;height:50px;position:absolute;background-color:#23b1db}@keyframes Animate-SQL{0%{width:10px}to{width:80%}}@-webkit-keyframes Animate-SQL{0%{width:10px}to{width:80%}}#Skill-DATABASE{animation:Animate-VBNET 4s;-webkit-animation:Animate-VBNET 4s;-moz-animation:Animate-VBNET 4s;-o-animation:Animate-VBNET 4s;width:75%;height:50px;position:absolute;background-color:#f8a51e}@keyframes Animate-VBNET{0%{width:10px}to{width:75%}}@-webkit-keyframes Animate-VBNET{0%{width:10px}to{width:75%}}.Skill-Area{z-index:1;float:left;margin-left:15px}.PercentText,.Skill-Area{margin-top:15px;text-shadow:none;color:#fff;font-size:18px}.PercentText{z-index:3;position:relative;padding-right:15px;float:right}@media screen and (max-width:1000px){.imgSkill{display:none}#SkillBox>center>p{font-size:40px;line-height:50px}.SkillBoxh1{display:grid;height:15vh;place-content:center}}.footer{position:static;left:0;bottom:0;width:100%;background-color:#2828a9;color:#000;text-align:center;height:auto;min-height:50px;padding:15px}.footer a{color:#fff;font-size:15px;line-height:1;cursor:pointer;border-radius:3px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-family:Montserrat Alternates,sans-serif}.footer a:hover{color:rgba(145,216,216,.76);-webkit-transition:.2s ease-out;transition:.2s ease-out}@media screen and (max-width:1024px){.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5);background-color:#afa2a2;border-radius:50px;-webkit-animation:shine;animation:shine}.mdl-layout.has-scrolling-header .mdl-layout__content{overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}}
/*# sourceMappingURL=main.d1516269.chunk.css.map */