body{font-family:sans-serif;margin:0}#root,body{position:relative;z-index:-80}a{text-decoration:none}.btnGreen,a{color:#fff;font-size:14px;font-weight:700}.btnGreen{background-color:#00ba94;border:none;border-radius:25px;margin:0;padding:13px 27px}.btnGreen:hover{cursor:pointer}.outer{align-items:center;border-bottom-left-radius:50%;border-bottom-right-radius:50%;flex-direction:column;justify-content:flex-start;position:absolute;width:200%}.outer,.section{display:flex;height:800px}.section{justify-content:center;overflow:hidden;position:relative}.background-purple{background-image:linear-gradient(135deg,#0061f2,#944ad4)}.background-white{background-color:#fff}.background-lightgray{background-color:#eff3f9}.position-after-1{margin-top:-400px;position:relative;z-index:-1}.position-after-2{margin-top:-125px;position:relative;z-index:-2}.position-after-3{margin-top:-175px;position:relative;z-index:-3}.topSection{height:100px;width:100%}.projects>div{align-items:center;display:flex;flex-direction:column}.projectPreviewDark{border-radius:2px;box-shadow:0 0 #2b37a8;box-sizing:border-box;height:210px;margin-left:10px;object-fit:cover;position:relative;transition:.2s;width:300px}.projectPreviewDark:hover{box-shadow:-7px 7px 0 #2b37a8,-6px 6px 0 #2b37a8,-5px 5px 0 #2b37a8,-4px 4px 0 #2b37a8,-3px 3px 0 #2b37a8,-2px 2px 0 #2b37a8,-1px 1px 0 #2b37a8,0 0 0 #2b37a8;-webkit-transform:translateX(7px) translateY(-7px);transform:translateX(7px) translateY(-7px);transition:.2s ease}.projectPreviewRed{border-radius:2px;box-shadow:0 0 #ff4500;box-sizing:border-box;height:210px;margin-left:10px;object-fit:cover;position:relative;transition:.2s;width:300px}.projectPreviewRed:hover{box-shadow:-7px 7px 0 #ff4500,-6px 6px 0 #ff4500,-5px 5px 0 #ff4500,-4px 4px 0 #ff4500,-3px 3px 0 #ff4500,-2px 2px 0 #ff4500,-1px 1px 0 #ff4500,0 0 0 #ff4500;-webkit-transform:translateX(7px) translateY(-7px);transform:translateX(7px) translateY(-7px);transition:.2s ease}.projectPreviewBlack{border-radius:2px;box-shadow:0 0 #000;box-sizing:border-box;height:210px;margin-left:10px;object-fit:cover;position:relative;transition:.2s;width:300px}.projectPreviewBlack:hover{box-shadow:-7px 7px 0 #000,-6px 6px 0 #000,-5px 5px 0 #000,-4px 4px 0 #000,-3px 3px 0 #000,-2px 2px 0 #000,-1px 1px 0 #000,0 0 0 #000;-webkit-transform:translateX(7px) translateY(-7px);transform:translateX(7px) translateY(-7px);transition:.2s ease}i{color:#fff;font-family:FontAwesome;font-size:20px;font-style:normal}.inner{align-items:flex-start;display:flex;position:relative}.links{position:absolute;right:-45px}.links>a{align-items:center;background-color:#00ba94;border-radius:100%;display:flex;justify-content:center;margin:5px 0;padding:5px 6px}.underline{position:relative}.underline:after{-webkit-animation:grow .5s;animation:grow .5s;background-color:#fff;bottom:-5px;content:"";height:2px;left:0;overflow:hidden;position:absolute;transition:.2s;width:100%}@-webkit-keyframes grow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);width:0}20%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:20%}40%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);width:40%}60%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);width:60%}80%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);width:80%}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);width:100%}}@keyframes grow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);width:0}20%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:20%}40%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);width:40%}60%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);width:60%}80%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);width:80%}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);width:100%}}.App{height:100%;position:relative;width:100%;z-index:-80}html{scroll-behavior:smooth}nav{align-items:center;background-color:transparent;color:#fff;display:flex;font-family:sans-serif;font-size:17px;height:95px;justify-content:space-between;position:fixed;top:0;transition:.2s;width:100%;z-index:80}ul{color:#bbb;list-style:none}a>.btnGreen{margin-left:50px}.navlinks{align-items:center;display:flex}.navlinks>li{margin:20px}.ln1{margin-left:185px}.ln2{margin-right:185px}.dark{background-color:#1f2d41;transition:.2s}.content{align-items:center;color:#fff;display:flex;height:100%;position:relative;width:900px}.profile-img{border-radius:100%;height:400px;margin:20px 50px;width:400px}.bott{height:100px;position:absolute;top:650px;width:10px}.wrapper{justify-content:center;max-height:100vh;width:100%}.contentb,.wrapper{display:flex;height:100%}.contentb{align-items:center;color:#000;flex-direction:column;position:relative;top:450px;width:900px}.contentb>h2{font-size:30px}.contentb>p{color:#687281;font-size:20px;line-height:1.5;text-align:center}#projects{height:1px;position:relative;top:-50px;width:10px}.cb-wrapper{display:flex;justify-content:center;width:100%}.contentc{align-items:center;color:#000;display:flex;flex-direction:column;height:350px;position:relative;top:75px;width:900px}.contentc>h2{font-size:30px;margin-bottom:55px}.projects{grid-column-gap:100px;grid-row-gap:50px;-webkit-column-gap:100px;column-gap:100px;display:grid;grid-template-areas:"a b" "c c";row-gap:50px}.a{grid-area:a}.b{grid-area:b}.c{grid-area:c}.contentd{align-items:center;color:#000;display:flex;flex-direction:column;height:350px;position:relative;top:235px;width:900px}.contentd>h2{font-size:30px;margin-bottom:55px}.devicon{height:60px;width:60px}.skill-grid{grid-column-gap:100px;grid-row-gap:100px;-webkit-column-gap:100px;column-gap:100px;display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(3,60px);row-gap:100px}.footer-wrapper{color:#687281;display:flex;flex-direction:column;height:350px;margin-top:-75px;position:relative;width:100%;z-index:-4}.footer-data .contact-links>a>i,.footer-data .contact-links>i{color:#687281;font-size:30px}.footer-data{border-bottom:1px solid #687281;margin-left:175px;margin-right:175px;margin-top:75px}.contact-links{margin-bottom:50px;width:175px}.bottom-footer,.contact-links{align-items:center;display:flex;justify-content:space-between}.bottom-footer{height:100%;margin-left:175px;margin-right:175px}.bottom-footer i{color:#687281}.about-web{width:155px}.about-web,.about-web>div{align-items:center;display:flex;justify-content:space-between}.about-web>div{width:80px}
/*# sourceMappingURL=main.a11bddce.css.map*/