@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ephesis&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{color:#fff;scroll-behavior:smooth;margin:0;padding:0;box-sizing:border-box}.intro{display:flex;justify-content:center;padding-top:30vh;height:87vh;text-align:center;background-color:#000}.textIn{width:70%}.name{font-family:"Source Sans Pro",sans-serif;font-size:60px}h4{font-weight:100}.intro-btn{margin-top:30vh;width:150px;height:50px;color:#fff;border:1px solid #fff;border-radius:10px;font-size:20px;background-color:#000}.intro-btn:hover{color:#000;background-color:#fff;cursor:pointer}.line-1{position:relative;top:5%;width:33.5em;height:1.4em;margin:0 auto;border-right:2px solid hsla(0,0%,100%,.75);text-align:center;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}.anim-typewriter{-webkit-animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .6s steps(44) infinite normal;animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .6s steps(44) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:33.5em}}@keyframes typewriter{0%{width:0}to{width:33.5em}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@media screen and (max-width:960px){.name{font-size:45px}.line-1{margin-left:-15%;font-size:20px}}@media screen and (max-width:718px){.line-1{display:none}}@media screen and (max-width:398px){.name{font-size:35px}}.nl{padding-top:3vh;font-size:20px;color:#fff}.nl:hover{color:#c7c4c4}nav{height:13vh;background-color:#000}.navbar-brand{padding-top:3vh;margin-left:7vw;font-size:50px;font-family:"Ephesis",cursive}.about{justify-content:center;height:100vh;text-align:center}.about,.abt-wrap{display:flex;background-color:#fff}.abt-wrap{width:50%;flex-direction:column}.abt-header{padding-top:15vh;font-family:"Poppins",sans-serif;background-color:#fff;color:#fff;font-size:55px;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000}.abt-text1,.abt-text2{background-color:#fff;font-size:23px;color:#000;padding-top:8vh}.abt-text2{padding-top:10vh;display:flex;flex-direction:column;align-items:center}.work-btn{width:150px;height:50px;border-radius:6px;font-size:20px;margin-top:3vh}@media screen and (max-width:993px){.abt-wrap{width:100vw}}@media screen and (max-width:508px){.abt-text1,.abt-text2{font-size:23px;padding-top:4vh}}@media screen and (max-width:398px){.abt-text1,.abt-text2{font-size:20px;padding-top:4vh}}.project{display:flex;justify-content:center;height:110vh;text-align:center;background-color:#000}.pro-wrap{width:80%;display:flex;flex-direction:column}.pro-header{padding-top:6vh;font-family:"Poppins",sans-serif;color:#000;font-size:55px;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#fff}.pro-component-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;margin-top:7vh}.pc{width:23vw;border:1px solid #fff;height:260px;background-color:#fff}.pc:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.project-data-content,.project-data-heading{color:#000;background-color:#fff}.project-data-heading{font-size:27px;font-family:"Roboto Slab",serif}img{width:100%;padding:0;margin:0}@media screen and (max-width:973px){.pc{height:220px}.project-data-heading{font-size:22px}}@media screen and (max-width:718px){.project-data-heading{font-size:20px}}@media screen and (max-width:718px){.project-data-content{font-size:13px}.pc{height:200px}}@media screen and (max-width:406px){.project-data-heading{font-size:15px}.project-data-content{font-size:10px}.pc{height:150px;width:30vw}}.skills{display:flex;justify-content:center;height:100vh;text-align:center;background-color:#fff;flex-direction:column}.bar,.info,span{background-color:#fff;color:#000}.skills-header{margin-top:-25vh;font-family:"Poppins",sans-serif;background-color:#fff;color:#fff;font-size:55px;-webkit-text-stroke-width:2px!important;-webkit-text-stroke-color:#000!important}.skills-wrap{width:100%;padding-top:10vh;margin-bottom:-20vh;height:500px;background-color:#fff;display:flex;justify-content:space-evenly}.skill-bars{padding:25px 30px;width:600px;background:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.2);border-radius:10px;margin-left:5vw}.skill-bars .bar{margin:20px 0}.skill-bars .bar:first-child{margin-top:0}.skill-bars .bar .info{margin-bottom:5px}.skill-bars .bar .info span{font-weight:500;font-size:17px;opacity:0;-webkit-animation:showText .5s linear 1s forwards;animation:showText .5s linear 1s forwards}@-webkit-keyframes showText{to{opacity:1}}@keyframes showText{to{opacity:1}}.skill-bars .bar .progress-line{height:10px;width:100%;background:#f0f0f0;position:relative;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;border-radius:10px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05),0 1px hsla(0,0%,100%,.8);-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) forwards;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}@-webkit-keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.bar .progress-line span{height:100%;margin-left:-50%;position:absolute;border-radius:10px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;background:#000;-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards}.bar .progress-line.cpp span{width:90%}.bar .progress-line.java span{width:60%}.bar .progress-line.javascript span{width:75%}.bar .progress-line.mysql span{width:85%}.bar .progress-line.mern span{width:70%}.progress-line span:before{content:"";top:-10px;left:0;height:0;width:0;border-color:#000 transparent transparent;border-style:solid;border-width:7px 0 0 7px}.progress-line span:after,.progress-line span:before{position:absolute;right:0;opacity:0;-webkit-animation:showText2 .5s linear 1.5s forwards;animation:showText2 .5s linear 1.5s forwards}.progress-line span:after{top:-28px;font-weight:500;background:#000;color:#fff;padding:1px 8px;font-size:12px;border-radius:3px}@-webkit-keyframes showText2{to{opacity:.5}}@keyframes showText2{to{opacity:.5}}.progress-line.cpp span:after{content:"90%"}.progress-line.java span:after{content:"60%"}.progress-line.javascript span:after{content:"75%"}.progress-line.mysql span:after{content:"85%"}.progress-line.mern span:after{content:"70%"}.container{color:#000;border:1px solid #ff0}.b-nav{background-color:#000;height:130px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.b-icons{display:flex;width:150px;justify-content:space-around}.b-text{font-size:20px}a:active,a:hover,a:link,a:visited{color:#fff;background-color:transparent;text-decoration:none}@media screen and (max-width:457px){.b-text{font-size:15px}}
/*# sourceMappingURL=main.2998ea4c.chunk.css.map */