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}.home-comp{perspective:1000px;-webkit-perspective:1000px;width:100%;height:100%;position:absolute}.home-comp .home-box-inner{transform-style:preserve-3d;width:100%;height:100%;position:relative}.home-comp .home-box-inner .intro-text{background-color:#000;color:#c7c1c1;font-size:26px;width:100%;height:100%;position:absolute;transform:translateZ(50vh);-webkit-transform:translateZ(50vh);position:relative}.home-comp .home-box-inner .intro-text .innerDivFront{width:100%;text-align:center}.home-comp .home-box-inner .intro-text .innerDivFront .introText{position:absolute;width:100%;z-index:2;top:calc(50% + 50px);font-size:22px}@media only screen and (max-width:600px){.home-comp .home-box-inner .intro-text .innerDivFront .introText{font-size:16px;margin-top:5px}}.home-comp .home-box-inner .intro-text .innerDivFront .introText .startText{font-size:20px;color:#ff0;font-weight:700;font-family:cursive;text-shadow:1px 1px 20px #fff}.home-comp .home-box-inner .intro-text .self-img{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;border-radius:50%;border:3px solid #fff;z-index:2;background-image:url(/static/media/img.7bc989ef.jpg);background-size:100% 100%}.home-comp .home-box-inner .intro-text button{border-radius:20px;background-color:transparent;border:2px solid #c7c1c1;color:#c7c1c1;cursor:pointer}.home-comp .turn-surface{transform:none;-webkit-transform:none}.home-comp .turn-surface .intro-text{-webkit-animation:slidein .6s ease 1s forwards;animation:slidein .6s ease 1s forwards}@-webkit-keyframes slidein{0%{height:100%}to{height:0%;visibility:hidden}}@keyframes slidein{0%{height:100%}to{height:0%;visibility:hidden}}body,html{height:100%}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.stars,.twinkling{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}.stars{background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top;z-index:0}.twinkling{background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top;z-index:1;-webkit-animation:move-twink-back 200s linear infinite;animation:move-twink-back 200s linear infinite}.backface{background-color:#252929;color:#000;font-size:26px;width:100%;height:100%;position:absolute;transform:rotateX(-90deg) translateZ(50vh);transform:none;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.backface .header-patch{height:45px;width:100%;position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(90deg,#408996 18%,#78dddb 48%,#20d9bd);box-shadow:0 0 5px grey;z-index:3}.backface .header-patch .header-patch-inner{float:right;margin:0}@media only screen and (max-width:600px){.backface .header-patch .header-patch-inner{background:linear-gradient(90deg,#408996 18%,#78dddb 48%,#20d9bd);float:none;margin-top:7px}}.backface .header-patch .header-patch-inner .header-inner{display:inline-block;font-size:20px;margin-right:20px;margin-left:20px;font-weight:700;color:#252929;cursor:pointer}@media only screen and (max-width:600px){.backface .header-patch .header-patch-inner .header-inner{width:100%}}.backface .header-patch .header-patch-inner .selected{color:#a74a2e}.backface .backToTop{width:50px;height:45px;text-align:center;font-size:30px;background-color:#611f1f;margin:50px auto;border-radius:50%;border:2px solid #fff;color:#fff;cursor:pointer}.backface .copy-right{font-size:18px;color:#78dddb;text-align:center}.page-body{position:relative;color:#fff;padding:0 250px;height:100%;background-attachment:local,local,scroll,scroll}@media only screen and (orientation:portrait){.page-body{padding:0 150px}}@media only screen and (max-width:600px){.page-body{padding:0 15px}}html{scroll-behavior:smooth}.mobile-hamburger{color:#000;cursor:pointer;padding-left:15px;padding-top:7px;font-size:30px!important}.about-info{text-align:center;padding-top:40px}.about-info .title-section{font-size:40px;text-decoration:underline;font-weight:700}.about-info .self-img{width:400px;height:400px;position:relative;left:calc(50% - 200px);top:30px;border:1px solid #000;border-radius:50%;background-image:url(/static/media/Pranita-img.9b55f418.jpg);background-size:100% 100%}@media only screen and (max-width:600px){.about-info .self-img{width:350px;height:350px;left:calc(50% - 175px)}}.about-info .self-description{position:relative;top:10px;padding:40px 0;font-size:20px;text-align:left}.about-info .download-resume{background-color:#611f1f;padding:10px 15px;font-weight:700;font-size:20px;color:#eee;cursor:pointer}.about-info .download-resume a{text-decoration:none;color:#eee}.imp-txt{font-weight:700}.project-wrapper{padding-top:40px}.project-wrapper .title-section{font-size:40px;text-decoration:underline;font-weight:700;text-align:center;margin-bottom:30px}.project-wrapper .project-tile-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-bottom:40px}.project-tile{width:300px;height:200px;margin-bottom:10px;color:#dcdcdc;text-align:center;font-size:18px;cursor:pointer;background-image:url(/static/media/fabindia.28fc7e0b.jpg);background-size:100% 100%}.project-tile .tile-text{pointer-events:none}.project-tile .tile-text .tile-title{font-weight:700;font-size:20px;pointer-events:none}.hover-tile{background:#2c6766!important;padding:40px;box-sizing:border-box}a:hover{text-decoration:none}.modal-outer{position:absolute;width:100%;height:100%;opacity:.8;background-color:#000;cursor:pointer}.modal-inner{position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;width:70%;height:94%;background-color:#fff;border:3px solid #2c6766;overflow-y:scroll}@media only screen and (max-width:600px){.modal-inner{height:60%}}.modal-inner div div{width:100%!important}.modal-inner div div div div{background-size:100% 100%!important}.modal-inner .close-btn{font-weight:700;position:absolute;top:0;right:30px;font-size:40px;color:#000;cursor:pointer}.modal-inner .project-name{font-weight:700;font-size:25px;margin:5px}@media only screen and (max-width:600px){.modal-inner .project-name{padding-top:40px}}.modal-inner .project-info{font-size:16px;margin:0 5px;color:#484646}.modal-inner .visit-btn{position:relative;border:1px solid #000;display:inline-block;width:100px;height:26px;background-color:#2c6766;text-align:center;color:#fff;margin:15px 5px 0;bottom:5px}.contact-wrapper{padding-top:40px}.contact-wrapper .title-section{font-size:40px;text-decoration:underline;font-weight:700;text-align:center;margin-bottom:30px}.contact-wrapper .social-contact-wrapper{display:flex;justify-content:center;padding:40px 0}.contact-wrapper .social-contact-wrapper div{background-color:#2c6766;padding:4px 10px;width:20px;margin:0 10px}.contact-wrapper .social-contact-wrapper div a{color:#fff;opacity:.6;text-decoration:none;font-size:20px}.contact-wrapper .social-contact-wrapper div a i{margin-right:20px;font-size:25px}.contact-wrapper .social-contact-wrapper div a:hover{opacity:1}input{width:100%;background:#252929;border:none;color:#fff;font-size:16px}form{padding:50px 90px;background:#2c6766;color:#fff;font-size:20px;margin:0 50px}@media only screen and (max-width:600px){form{margin:0;padding:50px 40px}}textarea{width:100%;min-height:100px;font-size:16px}.submitBtn,textarea{background:#252929;border:none;color:#fff}.submitBtn{font-size:18px;width:120px;height:40px;margin-top:20px}.skills-wrapper{padding-top:40px}.skills-wrapper .title-section{font-size:40px;text-decoration:underline;font-weight:700;text-align:center;margin-bottom:30px}.skills-wrapper .quote-section{font-size:25px;text-align:center;margin-bottom:20px}.skills-wrapper .skills-bar{width:100%;height:20px;border:.5px solid #fff;margin-bottom:10px;display:table}.skills-wrapper .skills-bar .skills-bar-progress{height:100%;width:calc(100% - 100px);display:table-cell}.skills-wrapper .skills-bar .skills-bar-progress .skills-bar-progress-inner{height:100%;background-color:#2c6766;color:#000;font-size:18px;text-align:center;font-weight:700}.skills-wrapper .skills-bar .skills-bar-name{width:100px;height:100%;display:table-cell;font-size:18px;text-align:center}
/*# sourceMappingURL=main.4c9a34b7.chunk.css.map */