@import url(https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Trade+Winds&family=Work+Sans:ital,wght@0,200;0,300;1,300&display=swap);:root{--p-bg:#fff;--s-bg:#142c50;--p-c:#000;--s-c:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#142c50;background:var(--s-bg)}.logo{font-family:"Trade Winds",cursive;color:#000;padding:5px 10px;width:80px;margin-left:10px}.center{place-items:center}.center,.nav-link{display:flex}.nav-link li{margin:5px 20px;list-style-type:none;font-family:"Work Sans",sans-serif;font-size:1.2rem;position:relative;font-weight:600;cursor:pointer}.nav-link li a{text-decoration:none;color:inherit}.nav-link li:after{width:0;background:#fff;transition:width .3s;box-shadow:0 -2px 15px #fff}.nav-link li:after,.nav-link li:hover:after{content:"";height:3px;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.nav-link li:hover:after{width:70%}.home-page{overflow-y:scroll;display:flex;width:100%;min-height:100vh;scrollbar-width:none;flex-direction:column}.home-page::-webkit-scrollbar{display:none}.landing-section{min-width:100%;min-height:100vh;background:#142c50;background:var(--s-bg);color:#fff;color:var(--s-c);position:relative;animation:fadeIn 1s}.welcome-div{font-family:"Trade Winds",cursive;margin-top:100px;font-size:30px;margin-left:10vw;color:#2b3547}.welcome-div .welcome-note h1,.welcome-div .welcome-note p{animation:tracking-in-expand 1s cubic-bezier(.215,.61,.355,1) both}.welcome-div .welcome-note .hi{font-size:30px;font-family:"Spectral SC",serif;color:#fff}.welcome-div .welcome-note .name{letter-spacing:.12em;-webkit-text-stroke:1px #fff;color:transparent;font-size:70px;background:url(data:image/png;base64,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);background-position:0 0;-webkit-background-clip:text;background-clip:text;animation:back 20s linear infinite}.welcome-div .welcome-note .sc{font-family:"Spectral SC",serif;color:#fff}@keyframes back{to{background-position:2000px 0}}.flex-box{display:flex}.flex-box_between{display:flex;justify-content:space-between}.flex-box_center{display:flex;justify-content:center}.flex-box_around{display:flex;justify-content:space-around}.ws{font-family:"Work Sans",sans-serif}.link-btn{font-family:"Work Sans",sans-serif;font-weight:600;border:none;color:#2b3547;padding:5px 10px;font-size:23px}.cv-btn,.link-btn{background:transparent;cursor:pointer}.cv-btn{padding:12px 25px;margin-top:40px;color:#fff;outline:none;position:relative;z-index:2;border:1px solid #fff;animation:shadow-drop-2-bottom 1s cubic-bezier(.25,.46,.45,.94) both}.cv-btn,.cv-div{font-size:1.1rem}.cv-div{padding:10px;cursor:pointer;display:flex;justify-content:flex-start;width:-webkit-max-content;width:-moz-max-content;width:max-content;justify-content:center;border-radius:4px}.profile-container,.skill-animation{position:absolute;bottom:0;right:0}.skill-animation{display:flex;justify-content:space-around;left:0;width:100%;z-index:100;padding:0;margin:0;border-bottom:5px solid #fff}.skill-animation .bar{width:20px;background:#fff;margin:auto;box-shadow:0 0 2px 1px #fff}.skill-animation img{width:50px;height:50px}.skill-card{width:300px;height:225px;border-radius:7px;padding-top:15px;margin:10px;animation:fadeInLeft 2s}.skill-img_container{display:flex;justify-content:center}.skill-img_container img{width:100px;height:100px;animation:circularRotation 2s linear infinite}.progress-bar_container{display:flex;justify-content:center;position:relative;padding-top:20px}.progress-bar_container .progress-empty{width:80%;background:#fff;height:7px;border-radius:7px}.progress-bar_container .progress-fill{background:#00f;position:absolute;height:7px;left:10%;border-radius:7px;animation:fill 2s}.progress-bar_container .react_fill{max-width:70%;width:70%}.progress-bar_container .node_fill{max-width:65%;width:65%}.progress-bar_container .mongo_fill{width:60%;max-width:60%}.progress-bar_container .redux_fill{width:72%;max-width:72%}.progress-bar_container .java_fill,.progress-bar_container .socket_fill{width:50%;max-width:50%}.progress-bar_container .python_fill{width:40%;max-width:40%}.progress-bar_container .c_fill{width:50%;max-width:50%}.progress-bar_container .css_fill,.progress-bar_container .html_fill{width:76%;max-width:76%}.progress-bar_container .sass_fill{width:50%;max-width:50%}.progress-bar_container .figma_fill{width:70%;max-width:70%}.card_button{display:flex;justify-content:center;margin-top:25px;cursor:pointer}.learn-more{animation:pulse 1s linear 2.5s;position:relative;cursor:pointer}.learn-more,.learn-more:before{border:none;outline:none;font-family:"Work Sans",sans-serif;font-weight:600;padding:10px 20px;color:#fff}.learn-more:before{content:"";position:absolute;background:inherit;left:50%;transform:translateX(-50%);bottom:0;width:60px;-webkit-filter:blur(10px);filter:blur(10px);z-index:-1}.footer{height:100vh;min-width:100%}.footer,.footer .get-in-touch{position:relative}.footer .get-in-touch .form-div{width:80%;margin:auto;background:#012125;border:1px solid #1f1b1b;box-shadow:0 0 10px 0 rgba(0,0,0,.13);position:absolute;left:0;right:0;top:30px;z-index:1;font-family:Spectral SC;border-radius:2px;animation:fadeInLeft 2s;color:#fff}.footer .get-in-touch .form-div h2{font-family:Spectral SC;text-align:center;padding:10px}.footer .get-in-touch .form-div form{width:80%;margin:auto}.footer .get-in-touch .form-div form input,.footer .get-in-touch .form-div form textarea{padding:12px 20px;width:100%;outline:none;margin:7px 0;border-radius:2px;border:1px solid #616161;resize:none;background:#012125;color:inherit}.footer .get-in-touch .form-div form button{padding:10px 30px;margin-bottom:20px;font-family:Spectral SC;background:transparent;outline:none;border-radius:2px;color:inherit;border:1px solid #a0a0a0;background-color:#012125}.socila-media_container{width:100%;position:absolute;bottom:0;background:#0f333a;height:60vh;color:#fff;animation:fadeInUp 2s}.contacts{margin-top:200px;display:flex;justify-content:space-around;animation:fadeInUpBig 2s both;width:100%}.contacts p{font-family:"Work Sans",sans-serif;letter-spacing:1px}.project_page,.skill_page{width:100%;min-height:100vh}.skill_page{animation:slideInUp .5s}.skill-header{width:100%;padding:10px 20px;font-family:"Spectral SC";text-align:center}.skills-container{display:flex;flex-wrap:wrap;width:90%;max-width:1400px;margin:20px auto auto;justify-content:space-around;place-items:center}.react img{animation:backInDown;animation-duration:2s}.java{position:relative}.java .ss{position:absolute;display:flex;flex-direction:column;bottom:0;margin:0}.java .bar{animation:goUpJava 2s;height:20vh}.java img{bottom:0}.python .ss{position:absolute;display:flex;flex-direction:column;bottom:0}.python .bar{margin-top:0;animation:pytonUp 2s;height:15vh}.python img{bottom:0}.mongodb .ss{position:absolute;display:flex;flex-direction:column;bottom:0}.mongodb .bar{margin-top:0;animation:mongodbUp 2s;height:10vh}.mongodb img{bottom:0}.html .ss{position:absolute;display:flex;flex-direction:column;bottom:0}.html .bar{margin-top:0;animation:htmlUp 2s;height:25vh}.c .ss,.html img{bottom:0}.c .ss{position:absolute;display:flex;flex-direction:column}.c .bar{margin-top:0;animation:cUp 2s;height:12vh}.c img{bottom:0}.redux .ss{position:absolute;display:flex;flex-direction:column;bottom:0}.redux .bar{margin-top:0;animation:reduxUp 2s;height:18vh}.redux img{bottom:0}.socket .ss{position:absolute;display:flex;flex-direction:column;bottom:0}.socket .bar{margin-top:0;animation:socketUp 2s;height:13vh}.socket img{bottom:0}.react .ss{display:flex;flex-direction:column;bottom:0}.react .bar{margin-top:0;animation:reactUp 2s;height:27vh}.react img{bottom:0}@keyframes fill{0%{width:0}to{width:80%}}@keyframes circularRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes goUpJava{0%{height:0}to{height:20vh}}@keyframes pytonUp{0%{opacity:.7;height:0}to{opacity:1;height:15vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes mongodbUp{0%{opacity:.7;height:0}to{opacity:1;height:10vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes htmlUp{0%{opacity:.7;height:0}to{opacity:1;height:25vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes cUp{0%{opacity:.7;height:0}to{opacity:1;height:12vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes reduxUp{0%{opacity:.7;height:0}to{opacity:1;height:18vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes socketUp{0%{opacity:.7;height:0}to{opacity:1;height:13vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes reactUp{0%{opacity:.7;height:0}to{opacity:1;height:27vh;-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes rotate-scale-up{0%{transform:scale(1) rotate(0)}50%{transform:scale(2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#363636}to{border:none}}@keyframes bounce-in-bottom{0%{transform:translateY(500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes slide-in-elliptic-bottom-fwd{0%{transform:translateY(600px) rotateX(30deg) scale(0);transform-origin:50% 100%;opacity:0}to{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% -1400px;opacity:1}}@keyframes roll-in-blurred-bottom{0%{transform:translateY(800px) rotate(2turn);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}to{transform:translateY(0) rotate(0deg);opacity:1}}@keyframes shadow-drop-2-bottom{0%{transform:translateZ(0) translateY(0);box-shadow:0 0 0 0 transparent}to{transform:translateZ(50px) translateY(-12px);box-shadow:0 12px 20px -12px rgba(0,0,0,.35)}}.abs-button,.abs-buttons{position:fixed;bottom:0;right:0;padding:10px 20px;font-family:"Courier New",Courier,monospace;background:transparent;outline:none;border:none;cursor:pointer}.abs-buttons{display:flex;flex-direction:column}.abs-buttons button{width:50px;height:50px;padding:10px;border-radius:50%;outline:none;background-color:#fff;cursor:pointer;margin-top:10px;border:1px solid #eee;box-shadow:1px 1px 5px #949494;font-family:"Work Sans",cursive;transition:all 1s}.abs-buttons button img,.abs-buttons button svg{width:100%;height:100%}.abs-buttons button:hover{transform:scale(1.2)}.bubble-container{position:relative;width:200px;height:200px;border-radius:50%;transition:transform 2s;cursor:pointer}.bubble-icon{font-size:50px;color:#fdfdfd;position:absolute;bottom:50%;left:50%;display:-ms-grid;display:grid;transform:translate(-50%,50%)}.bubble{box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff}.bubble,.bubble-img{border-radius:50%;height:200px;position:absolute;width:200px}.bubble-img{box-shadow:0 5px 10px rgba(0,0,0,.3),inset 0 10px 30px 5px #fff}.bubble:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);content:"";height:180px;left:10px;position:absolute;width:180px}@keyframes animateBubble{0%{margin-top:-10%}to{margin-top:0}}.x1{animation:animateBubble 10s linear infinite alternate;top:5%;transform:scale(.6)}.x2{animation:animateBubble 7s linear infinite alternate;top:80%;transform:scale(.4)}.x3{animation:animateBubble 12s linear infinite alternate;top:40%;transform:scale(.7)}.x4{animation:animateBubble 5s linear infinite alternate;top:0;transform:scale(.3)}.x5{animation:animateBubble 11s linear infinite alternate;top:50%;transform:scale(.5)}.x6{animation:animateBubble 21s linear infinite,sideWays 2s ease-in-out infinite alternate;top:0;transform:scale(.8)}.x7{animation:animateBubble 20s linear infinite,sideWays 2s ease-in-out infinite alternate;left:65%;top:70%;transform:scale(.4)}.x8{animation:animateBubble 22s linear infinite,sideWays 3s ease-in-out infinite alternate;left:80%;top:10%;transform:scale(.3)}.x9{animation:animateBubble 29s linear infinite,sideWays 4s ease-in-out infinite alternate;left:90%;top:50%;transform:scale(.6)}.x10{animation:animateBubble 26s linear infinite,sideWays 2s ease-in-out infinite alternate;left:80%;top:80%;transform:scale(.3)}h2{color:#fff}.markup_container{width:95%;margin:auto;display:flex;justify-content:space-around;position:relative;color:#fff}.markup_container .markup-div{margin:10px;font-family:"Work Sans",sans-serif;width:calc(33% - 20px);position:relative;padding:5px 5px 30px;background:rgba(33,98,175,.26)}.markup_container .markup-div li,.markup_container .markup-div ul{margin-left:15px}.markup_container .markup-div h2{text-align:center;margin:5px;padding:5px;color:#0cf}.markup_container .markup-div h4{margin:5px}.markup_container .markup-div .small-line{border-bottom:5px solid #0bbaff;width:100px;margin:auto auto 15px}.markup_container .markup-div button{padding:5px 20px;outline:none;margin:10px;background:transparent;border:1px solid #c4c4c4}.markup_container .markup-div p{margin:5px;font-weight:600;text-align:justify}.markup_container .fl{animation:fadeInLeft 2s}.markup_container .fr{animation:fadeInRight 2s}.markup_container .fu{animation:fadeInUp 2s}.markup_container .image-container{overflow:hidden;position:relative;aspect-ratio:14/9}.markup_container .image-container .abs-title{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(3,74,87,.7058823529411765);width:100%;height:100%;display:flex;place-items:center;justify-content:center}.markup_container .image-container .abs-title h2{text-align:center;font-weight:700;color:#fff}.markup_container .image-container img{border:1px solid green;margin:auto;width:100%;animation:fadeInDown 10s infinite alternate}.btm-btn{position:absolute;bottom:10px;cursor:pointer}@keyframes imganimation{0%{top:0}to{top:100%}}.about_page{font-family:"Work Sans",sans-serif;position:relative;height:100vh;width:100%;color:#161616}.about_page h1{text-align:center;margin:5px;color:#fff}.about_page h2{margin-top:5px;letter-spacing:1px}.about_page .about_upper{padding:10px;max-width:1600px;place-items:center;color:#c7c7c7;border-radius:7px;margin:20px auto}.about_page .about_upper .it-flex{display:flex;place-items:center;justify-content:flex-start;margin:5px 0;color:#c7c7c7}.about_page .about_upper .it-flex p{margin-left:5px}.about_page .about_upper img{width:200px;border-radius:50%}.about_page .about-edu{padding:10px;animation:fadeInUp 2s;max-width:1600px;width:95%;color:#c7c7c7;box-shadow:0 0 1px .5px #021f49,0 0 2px 2px #041a3b;margin:10px auto auto;background:rgba(33,98,175,.26);background:rgba(95,58,51,.23)}.about_page .about-edu h4{margin-left:5px}.about_page .about-edu p{margin:2px 10px}.about_page .cake{position:absolute;bottom:10px;margin:auto;text-align:center;left:50%;transform:translateX(-50%)}.about_page .cake div{animation:zoomIn 2s}.about_page .cake p{font-size:20px;margin-top:10px;color:#fff}.about_page .cake img{width:200px;height:200px;border-radius:50%;background-size:cover;border:1px solid #fc7507;animation:filter-animation 5s infinite}.about_page .quote{max-width:1600px;text-align:center;margin:50px auto auto;animation:zoomIn 2s;color:#e4e4e4}.about_page .quote span{font-size:35px;font-weight:700;font-style:italic;letter-spacing:1px}@keyframes filter-animation{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(100deg);filter:hue-rotate(100deg)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}.divider{width:100%;height:1px;background:#949494}.mobile-navigation{top:0;width:0;position:absolute;background-color:rgba(2,34,53,.9529411764705882);height:100vh;z-index:101;overflow:hidden}.menu-icon{display:none}@media screen and (max-width:680px){.mobile-navigation{width:0;overflow:hidden;transition:width 1s}.open{width:100%}.nav-link{display:none}.menu-icon{font-size:50px;margin-right:10px;color:#fff;display:block}.welcome-div{font-size:22px;margin-top:50px}.welcome-div .welcome-note .hi{font-size:20px;margin-right:5px}.welcome-div .welcome-note .name{font-size:32px}.nav-link-mobile{display:flex;flex-wrap:wrap;text-align:center}.nav-link-mobile li{margin:5px 20px;list-style-type:none;font-family:"Work Sans",sans-serif;font-size:1.2rem;position:relative;font-weight:600;cursor:pointer;width:100%;padding:10px}.nav-link-mobile li a{text-decoration:none;color:inherit}.nav-link-mobile li:after{width:0;background:#fff;transition:width .3s;box-shadow:0 -2px 15px #fff}.nav-link-mobile li:after,.nav-link-mobile li:hover:after{content:"";height:3px;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.nav-link-mobile li:hover:after{width:70%}.skill-animation .bar{width:5px}.skill-animation img{width:30px;height:30px}.project_page{height:auto}.markup_container{flex-wrap:wrap}.markup_container .markup-div{width:auto}.about_page{height:auto;position:relative}.about_page .cake{position:relative;top:10px}.about_page .about_upper img{width:100px;position:absolute;top:90px;right:20px}.bubble-container{position:relative;width:80px;height:80px;border-radius:50%;transition:transform 2s;cursor:pointer}.bubble-icon{font-size:50px;color:#fdfdfd;position:absolute;bottom:50%;left:50%;display:-ms-grid;display:grid;transform:translate(-50%,50%)}.bubble{box-shadow:0 20px 30px rgba(0,0,0,.2),inset 0 10px 30px 5px #fff;height:80px;width:80px}.bubble,.bubble-img{border-radius:50%;position:absolute}.bubble-img{box-shadow:0 5px 10px rgba(0,0,0,.3),inset 0 10px 30px 5px #fff;height:200px;width:200px;display:none}.bubble:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);content:"";height:60px;left:10px;position:absolute;width:60px}}
/*# sourceMappingURL=main.1b46b162.chunk.css.map */