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}.linkedin{top:74%}.github,.linkedin{position:fixed;left:3%;cursor:pointer}.github{top:68%}.github :hover,.instagram :hover,.linkedin :hover{color:#64ffd3}.instagram{position:fixed;left:3%;top:80%;cursor:pointer}.home-page{background-color:#000;width:100%;height:100vh}.welcome-bs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fade-out 2s ease 3.8s forwards}.svg-image path:first-child{stroke-dasharray:801;stroke-dashoffset:801;animation:line-anim 2s ease forwards}.svg-image path:nth-child(2){stroke-dasharray:465;stroke-dashoffset:465;animation:line-anim 2s ease .3s forwards}.svg-image path:nth-child(3){stroke-dasharray:299;stroke-dashoffset:299;animation:line-anim 2s ease .6s forwards}.svg-image path:nth-child(4){stroke-dasharray:510;stroke-dashoffset:510;animation:line-anim 2s ease .9s forwards}.svg-image path:nth-child(5){stroke-dasharray:321;stroke-dashoffset:321;animation:line-anim 2s ease 1.2s forwards}.svg-image path:nth-child(6){stroke-dasharray:755;stroke-dashoffset:755;animation:line-anim 2s ease 1.5s forwards}.svg-image path:nth-child(7){stroke-dasharray:465;stroke-dashoffset:465;animation:line-anim 2s ease 1.8s forwards}@keyframes line-anim{to{stroke-dashoffset:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.top-navbar .navbar-op{height:60px;text-align:right}.home-content{margin-left:10%;margin-top:10%}.initial-text{color:#64ffd3}.name-text{color:#f0f8ff;font-size:5rem}.sub-text{color:#faebd7;font-size:4rem}.intro-text{color:#64ffd3;font-size:1.3rem;margin-top:1rem;width:50rem}.HSBC{color:#f0f8ff}.navButtons{margin-left:8%;margin-top:2%}#resume-button{font-size:1rem}@media only screen and (max-width:736px){.svg-image{width:370px}.name-text{font-size:3rem}.sub-text{font-size:2rem}.intro-text{font-size:1rem;width:100%}.icons{display:none}}.App .navbar{background-color:#000;height:3.43rem;justify-content:start;align-items:center;display:block;z-index:100000}.menu-bars{font-size:2rem;background:none;float:left}.nav-menu{background-color:#121212;width:250px;height:100vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s;z-index:100000}.nav-menu.active{left:0;transition:.35s}.mobile .nav-text{justify-content:start;padding:8px 0 8px 16px;list-style:none;height:60px;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.mobile .nav-text,.nav-text a{display:flex;align-items:center}.nav-text a{text-decoration:none;color:#fff;font-size:18px;width:95%;height:100%;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#03dac5}.nav-menu-items{width:100%;color:#fff}.navbar-toggle{background-color:#121212;width:100%;height:80px;display:flex;justify-content:start;align-items:center}.mobile span{margin-left:16px}.nav-num{color:#64ffd3;cursor:pointer}.nav-text{color:#f0f8ff;margin-right:1%;margin-left:5px;cursor:pointer}.navbar-op{margin-right:3%;padding-top:1%}.mobile{display:none}@media only screen and (max-width:650px){.navbar-op{display:none}.mobile{display:block}.nav-icon{font-size:2rem;margin-top:1rem;float:left}.menu-bars,.nav-icon{margin-left:1rem}}.about{height:100vh;background-color:#000;color:#64ffd3}.about-content{margin-left:10%;padding-top:8%;width:50%}.about-num{font-size:1.5rem}.about-title{font-size:2rem;color:#f0f8ff}.about-text{font-size:1.25rem}.eQ,.hsbc-text,.white-text{color:#fff}ul.skills-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));grid-gap:0 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}li{position:relative;margin-bottom:10px;padding-left:20px}li :before{content:"▹";position:absolute;left:0;line-height:12px;color:#f0f8ff}@media only screen and (max-width:736px){.about-content{width:98%;margin-left:2%;padding-top:8%}}.exp-page{background-color:#000;height:100vh;color:#64ffd3}.exp-num{font-size:1.5rem}.exp-text{font-size:2rem;color:#f0f8ff}.exp-content{margin-left:10%;padding-top:5%}.persi-exp{padding-top:1%}.persi-logo{width:40%;height:40%;padding-top:5px}.exp-companies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:40px 0;max-width:1200px}.exp-companies .card{position:relative;box-shadow:inset 5px 5px 5px rgba(140,207,238,.05);margin:30px;width:320px;height:400px;background-color:#c4f9ea}.exp-companies .card,.exp-companies .card .box{border-radius:15px;justify-content:center;align-items:center}.exp-companies .card .box{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:#203847}.exp-companies .card .card-content{justify-content:center;align-items:center;text-align:center}.company-title{color:#f0f8ff;font-size:1.3rem}.designation{font-size:1.2rem}.exp-companies .card:hover .box{transform:translateY(-50px)}.role-desc{color:#f0f8ff}@media only screen and (max-width:736px){.exp-page{height:220vh}}.edu-page{height:120vh;background-color:#000;color:#64ffd3}.edu-num{font-size:1.5rem}.cert-text,.edu-text{font-size:2rem;color:#f0f8ff}.certs,.edu-content{margin-left:10%;padding-top:5%}.grad,.hsc,.ssc{background-image:linear-gradient(to bottom right,#64ffd3,#b8fae7);height:6rem;color:#000;cursor:pointer;transition:transform 1s;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:blur(0)}.grad{height:8rem}.grad h2{padding-top:2.8rem}.hsc h2,.ssc h2{padding-top:1.3rem}.grad.back,.hsc.back,.ssc.back{transform:rotateY(1turn)}.grad.front,.hsc.front,.ssc.front{text-align:center;font-family:cursive}.back-content{padding-left:1rem}.edu-page .row{padding-top:1.5rem}.grad-list{column-count:2}.grad-list,.ssc-list{line-height:1rem}.java-1{font-size:1.5rem}@media only screen and (max-width:400px){.row{margin-right:0!important}.grad{width:96%!important;height:9rem}.hsc{margin-top:25px!important}}.contact-form{height:100vh;background-color:#000;color:#64ffd3}.con-content{margin-left:10%;padding-top:5%}.contact-text{font-size:2rem;color:#f0f8ff}.contact-num{font-size:1.5rem}.contact-box{width:clamp(100px,90%,900px);height:33rem;border-color:#64ffd3;box-shadow:5px 10px 18px #64ffd3;border-radius:5px;display:flex;flex-wrap:wrap;margin:3%}.con-icons{color:#f0f8ff;font-size:2rem}.contact-box h2{margin-top:3%}.contact-box .h2-div{width:100%}.contact-box .h2-div .details{text-align:center;justify-content:center}.contact-box .mail{font-size:1.2rem;color:#f0f8ff}.contact-box .feedback{margin-top:1.5rem;margin-left:1.5rem}.contact-box .form{color:#f0f8ff}.contact-box input,.contact-box textarea{width:90%;outline:0;background:none;color:#f0f8ff}.contact-box .btns{margin-left:1%;margin-top:1%}.ind-icons{margin:10px;cursor:pointer}.ind-icons :hover{color:#64ffd3}
/*# sourceMappingURL=main.0334cdd0.chunk.css.map */