.main-content{position:relative}.home-page{position:relative;height:100vh}.home-page .robot-spline{position:absolute;z-index:2}.home-page .box-spline{position:absolute;z-index:1}.home-page .image-bg{width:100%;height:100%;position:absolute;background-position:center;background-size:cover}.home-page .page-body{position:absolute;top:50%;z-index:2;transform:translate(20px,-50%)}.home-page .page-body .home-body{color:#fff;position:relative}.home-page .page-body .home-body .heading{font-size:5rem}.home-page .page-body .home-body .designation{letter-spacing:10px;font-size:2rem;max-width:610px;width:100%;white-space:nowrap;overflow:hidden}.home-page .page-body .home-body .resume-link{margin-top:20px}.home-page .page-body .home-body .resume-link a{display:inline-block;text-decoration:none;padding-left:60px;padding-right:60px;line-height:70px;background:transparent;cursor:pointer;font-size:1rem;text-align:center;position:relative;z-index:9;color:#fff;overflow:hidden;box-shadow:none!important;outline:0!important;border:4px solid #3b3d49;transition:all .5s ease;border-radius:42.5px}.home-page .page-body .home-body .resume-link a span{margin-left:5px}.home-page .page-body .home-body .resume-link a:hover{background-color:#3b3d49}.home-page .page-body .home-body .resume-link a :focus{outline:none}@keyframes cursor{50%{border-color:transparent}}@keyframes typing{0%{width:0}to{width:100%}}.page-header{position:fixed;display:flex;width:100%;justify-content:space-between;align-items:center;transition:all .4s;z-index:21}.scroll-background{background:#000000;box-shadow:0 3px 5px 1px #00000045}.left-header{list-style:none;display:flex;font-size:1.5rem}.left-header li{border-radius:50px;width:45px;height:45px;margin:0 10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .4s}.left-header li:hover{transform:translateY(10px)}.left-header li:hover:nth-child(1){background:#0a66c2}.left-header li:hover:nth-child(2){background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.left-header li:hover:nth-child(3){background:rgb(29,155,240)}.right-header{list-style:none;display:flex;align-items:center}.right-header li{margin:0 20px;color:#fff}.right-header li button{padding-left:30px;padding-right:30px;height:50px;background:transparent;cursor:pointer;font-size:1rem;text-align:center;color:#fff;box-shadow:none!important;outline:0!important;border:4px solid #3b3d49;transition:all .5s ease;border-radius:42.5px}.right-header li button:hover{background-color:#3b3d49}.right-header li button :focus{outline:none}.about-page{width:100%;height:100vh;position:relative;z-index:2}.about-page .about-body{width:100%;height:70%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.about-page .about-body .about-content{width:50%;max-width:600px}.about-page .about-body .about-content .about-heading{font-size:4rem;color:#fff}.about-page .about-body .about-content .about-info{font-size:1rem;color:#fff}.about-page .about-body .about-content .summary-info{margin-top:10px;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.about-page .about-body .about-content .summary-info .summary-card{display:flex;align-items:center}.about-page .about-body .about-content .summary-info .summary-card .summary-descrip{margin-left:10px}.about-page .about-body .about-content .summary-info .summary-card .summary-descrip .info-value{font-size:1.5rem}.about-page .about-body .about-interest-canvas{width:40%;height:100%}.about-page .interests{color:#fff}.about-page .interests .interests-heading{font-size:2rem;text-align:center}.about-page .interests .interests-content{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.about-page .interests .interests-content .interests-info{border:1px solid #07f7f7;padding:20px;color:#07f7f7;border-radius:50px;font-size:1.5rem;cursor:pointer}.zoom-animation{display:inline-block;cursor:context-menu}.zoom-animation.zoom{transform:scale(1.2);background:#07f7f7;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-page{width:100%;height:100vh;position:relative;display:flex;z-index:2;align-items:center;justify-content:center}.contact-page .contact-content{width:70%}.contact-page .contact-content .contact-heading{font-size:4rem;color:#fff}.contact-page .contact-content .contact-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.contact-page .contact-content .contact-input-box .input-details{margin-top:40px;min-width:350px;position:relative;min-height:40px}.contact-page .contact-content .contact-input-box .input-details .input-label{color:#8491a2;position:absolute;bottom:0;transition:.3s all;font-size:1rem}.contact-page .contact-content .contact-input-box .input-details .input-label.dirty-input{transform:translateY(-30px);font-size:.8rem;color:#07f7f7}.contact-page .contact-content .contact-input-box .input-details .input-label.error{color:red!important}.contact-page .contact-content .contact-input-box .input-details input{color:#8491a2;position:absolute;bottom:0;width:100%;border:none;text-align:left;outline:none;border-bottom:1px solid #8491a2;background:none;z-index:1;font-size:1rem;padding:5px 0}.contact-page .contact-content .contact-input-box .input-details input:focus~.input-label{transform:translateY(-30px);font-size:.8rem;color:#07f7f7}.contact-page .contact-content .contact-input-box .input-details input:focus~.underline{transform:scaleX(1)}.contact-page .contact-content .contact-input-box .input-details .textarea-label{color:#8491a2;position:absolute;top:0;left:0;transition:.3s all;font-size:1rem}.contact-page .contact-content .contact-input-box .input-details .textarea-label.dirty-input{transform:translateY(-30px);font-size:.8rem;color:#07f7f7}.contact-page .contact-content .contact-input-box .input-details .textarea-label.error{color:red!important}.contact-page .contact-content .contact-input-box .input-details textarea{color:#8491a2;width:100%;border:none;text-align:left;outline:none;border-bottom:1px solid #8491a2;background:none;z-index:1;min-height:100px;font-size:1rem;padding:0;margin:0;resize:none}.contact-page .contact-content .contact-input-box .input-details textarea:focus~.textarea-label{transform:translateY(-30px);font-size:.8rem;color:#07f7f7}.contact-page .contact-content .contact-input-box .input-details textarea:focus~.underline{transform:scaleX(1)}.contact-page .contact-content .contact-input-box .input-details .underline{position:absolute;bottom:0;width:100%;border:none;border-bottom:1px solid #07F7F7;z-index:1;transition:.3s all;transform:scaleX(0)}.contact-page .contact-content .contact-input-box .input-details .underline.align-textarea{bottom:4px}.contact-page .contact-content .contact-input-box .input-details .underline.dirty-input{transform:scaleX(1)}.contact-page .contact-content .contact-input-box .input-details .underline.error{border-bottom:1px solid red!important}.contact-page .contact-content .contact-input-box .input-submit{width:100%;margin-top:20px;position:relative}.contact-page .contact-content .contact-input-box .input-submit button{cursor:pointer;width:100%;outline:none;background:none;padding:10px;box-shadow:none;border:3px solid #262626;background:#3b3d49;color:#fff}.contact-page .contact-content .contact-input-box .input-submit button:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;border:3px solid #07F7F7;transition:.2s all ease-in-out}.contact-page .contact-content .contact-input-box .input-submit button:hover:before,.contact-page .contact-content .contact-input-box .input-submit button:focus:before{top:-6px;right:-6px;left:-6px;bottom:-6px}.contact-page .contact-content .contact-info table{margin-top:20px}.contact-page .contact-content .contact-info table tbody tr{color:#fff}.contact-page .contact-content .contact-info table tbody tr td:nth-child(1){text-align:right}.contact-page .contact-content .contact-info table tbody tr td:nth-child(2){padding-left:20px;font-weight:500}html::-webkit-scrollbar{width:.5vw}html::-webkit-scrollbar-thumb{background-color:gray}html::-webkit-scrollbar-track{background-color:#000}.scroll-up-btn{display:grid;place-items:center;position:fixed;outline:none;border:none;right:30px;bottom:30px;height:40px;width:40px;font-size:1.2rem;border-radius:50px;color:#fff;z-index:3;cursor:pointer;background:linear-gradient(#17D396,#07F7F7);transition:.6s all;opacity:0}.scroll-up-btn:hover{background:linear-gradient(#07F7F7,#17D396);box-shadow:0 3px 5px 1px #00000045}.scroll-up-btn.btn-show{opacity:1}.education-page{width:100%;height:120vh;position:relative;z-index:2}.education-page .education-content{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.education-page .education-content .education-heading{display:flex;align-items:center;font-size:3rem;justify-content:center;color:#fff}.education-page .education-content .education-heading .bouncing-for-content{margin-left:20px}.education-page .education-content .education-info{position:relative;width:600px;margin-top:50px;height:80%}.education-page .education-content .education-info .education-vertical-timeline{padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.education-page .education-content .education-info .education-vertical-timeline:before{position:absolute;content:"";left:50%;width:4px;background:#07f7f7;height:100%}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element{position:relative;padding-top:20px;min-height:50px}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-timeline-bubble{width:20px;height:20px;border:2px solid #07f7f7;background:#262626;position:absolute;transform:translate(-10px,-10px);left:50%;top:0;border-radius:50px;display:flex;align-items:center;justify-content:center}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-timeline-bubble .element-timeline-icon{width:50%;height:50%;background:#07f7f7;border-radius:50px}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .vertical-timeline-element-content{box-shadow:none}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-left{color:#fff;position:absolute;top:0;opacity:0;transition:1s all;transform:translate(-100px)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-left.show{opacity:1;transform:translate(0)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-left .course-info{font-size:1.5rem;color:#07f7f7}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-left p span{display:inline-block;margin-left:10px}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-right{opacity:0;color:#fff;position:absolute;top:50%;left:60%;transition:1s all;transform:translate(100px)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element .element-content-right.show{opacity:1;transform:translate(0)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(1){margin:0}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(1) .element-timeline-bubble{width:60px;height:60px;transform:translate(-30px,-30px)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(1) .element-timeline-bubble .element-timeline-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;color:#07f7f7;font-size:2rem}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(odd) .element-content-left{right:0;animation:.5s timeline-right ease;transform:translate(100px)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(odd) .element-content-left.show{opacity:1;transform:translate(0)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(odd) .element-content-right{left:20%;animation:.5s timeline-left ease;transform:translate(-100px)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:nth-child(odd) .element-content-right.show{opacity:1;transform:translate(0)}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:last-child{margin:0}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:last-child .element-timeline-bubble{top:100%;width:20px;height:20px}.education-page .education-content .education-info .education-vertical-timeline .education-vertical-element:last-child .element-timeline-bubble .element-timeline-icon{width:100%;height:100%}.skill-page{height:100vh;position:relative;overflow:hidden;z-index:2}.skill-page .skill-body{display:flex;align-items:center;flex-wrap:wrap}.skill-page .skill-body .skill-content{width:50%;color:#fff;display:grid;place-items:center}.skill-page .skill-body .skill-content .skill-heading{font-size:3rem}.skill-page .skill-body .skill-content .skill-info{font-size:1rem}.skill-page .skill-body .skill-content .skill-info .company-info{position:relative;cursor:pointer;margin-top:10px}.skill-page .skill-body .skill-content .skill-info .company-info svg{margin-left:10px}.skill-page .skill-body .skill-content .skill-info .company-info:after{transition:1s all;display:inline-block;position:absolute;content:"";width:0%;height:100%;left:0;bottom:0;border:none;border-bottom:2px solid #ffffff}.skill-page .skill-body .skill-content .skill-info .company-info:hover:after{width:100%}.skill-page .skill-body .skill-cloud{display:grid;place-content:center;width:50%;color:#fff}.skill-page .experience-info{overflow:hidden;background-color:#333;z-index:20;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:30px;color:#fff;right:-200vw}.skill-page .experience-info .experience-content{display:grid;place-items:center;height:100%;width:95%;margin:0 auto;opacity:0}.skill-page .experience-info .experience-content .experience-header{width:100%;text-align:right;margin-right:30px;font-size:1.5rem}.skill-page .experience-info .experience-content .experience-header svg{transition:.5s all;cursor:pointer}.skill-page .experience-info .experience-content .highlight-imp{color:#07f7f7}.loading-page{background-color:#262626;width:100%;height:100vh;color:#fff;display:grid;place-items:center}.loading-page .loading-content{display:grid;place-items:center}.loading-page .loading-content .loading-icon{margin-right:15px;font-size:2rem;animation:bouncing-ball .8s infinite alternate ease-in}.loading-page .loading-content .loading-dot{opacity:0;margin:0 2px;animation:dot-loading .8s infinite linear}.loading-page .loading-content .loading-dot:first-child{animation-delay:.2s}.loading-page .loading-content .loading-dot:nth-child(2){animation-delay:.4s}.loading-page .loading-content .loading-dot:last-child{animation-delay:.6s}@keyframes bouncing-ball{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes dot-loading{0%{opacity:0}to{opacity:1}}.alert-user{position:fixed;top:20%;right:-100vw;color:#fff;border-radius:10px 10px 0 0}.alert-user.success{background:#198754}.alert-user.failure{background:#dc3545}.alert-user .alert-content{position:relative;padding:20px}.alert-user .progress-bar{width:100%;position:absolute;height:100%;left:0;top:0;border:none;border-bottom:3px solid #ffffff}@media (max-width: 1200px){.skill-body{margin-top:50px;flex-direction:column}.skill-body .skill-content,.skill-body .skill-cloud{width:100%!important}}@media (max-width: 1130px){.contact-page .contact-content{width:95%}}@media (max-width: 950px){.home-page .page-body .home-body .heading{font-size:4rem}.home-page .page-body .home-body .designation{font-size:1.5rem;max-width:520px}.about-page .about-content{margin-top:30px!important;width:80%!important}.about-page .about-interest-canvas{width:60%!important;height:68%!important}.contact-page{flex-direction:column}.contact-page .contact-content .contact-heading{display:flex;justify-content:center}.contact-page .contact-content .contact-body{flex-direction:column}.contact-page .contact-content .contact-body .contact-input-box{width:75%}}@media (max-width: 800px){.education-info{width:max-content!important}.education-info .education-vertical-timeline:before{left:0!important}.education-info .education-vertical-timeline .education-vertical-element .element-timeline-bubble{left:0!important}.education-info .education-vertical-timeline .education-vertical-element .element-content-left{position:relative!important;margin-left:60px;transform:translate(100px)!important}.education-info .education-vertical-timeline .education-vertical-element .element-content-left.show{transform:translate(0)!important}.education-info .education-vertical-timeline .education-vertical-element .element-content-right{position:relative!important;top:0!important;left:0!important;margin-left:60px;transform:translate(100px)!important}.education-info .education-vertical-timeline .education-vertical-element .element-content-right.show{transform:translate(0)!important}}@media (max-width: 790px){.home-page .page-body .home-body .heading{font-size:3rem}}@media (max-width: 700px){.about-page .about-content{width:90%!important}.about-page .about-content .about-heading{font-size:3rem}.about-page .about-content .about-info{font-size:1rem}.skill-page .skill-cloud .tagcloud{width:auto!important;font-size:.8rem}}@media (max-width: 590px){.home-page .page-body .code-line{height:44%;top:34%;left:6px}.home-page .page-body .home-body .heading{font-size:2.5rem}.home-page .page-body .home-body .designation{letter-spacing:5px;max-width:410px}.home-page .page-body .home-body .resume-button button{padding-left:40px;padding-right:40px;height:65px;line-height:40px;font-size:1rem}.about-page .about-content .about-heading{font-size:4rem;color:#fff}.about-page .about-content .about-info,.about-page .about-content .my-info tbody tr{font-size:.8rem;color:#fff}.about-page .about-content .my-info tbody tr td:nth-child(1){text-align:right}.about-page .about-content .my-info tbody tr td:nth-child(2){padding-left:10px;font-weight:500}.education-content{align-items:flex-start!important;margin-left:30px}.education-content .education-heading{font-size:1.5rem!important}.education-content .education-vertical-element:nth-child(1) .element-timeline-bubble{width:40px!important;height:40px!important;transform:translate(-20px,-20px)!important}.education-content .education-vertical-element:nth-child(1) .element-timeline-bubble .element-timeline-icon{font-size:1rem!important}.education-content .element-content-left{font-size:.8rem;margin-left:30px!important}.education-content .element-content-left .course-info{font-size:1rem!important}.education-content .element-content-right{margin-left:30px!important}}@media (max-width: 500px){.contact-heading{font-size:2rem!important}.contact-info{font-size:.8rem!important}.contact-input-box{width:95%!important}.skill-content .skill-heading{font-size:2rem!important}}@media (max-width: 470px){.left-header,.right-header{padding:0}.right-header li{margin:0 5px}.home-page .page-body .home-body .heading{font-size:2rem}.home-page .page-body .home-body .designation{font-size:1rem;max-width:310px}.home-page .page-body .home-body .resume-button button{padding-left:40px;padding-right:40px;height:65px;line-height:40px;font-size:1rem}.about-page .about-content{width:95%!important}.about-page .about-content .about-heading{font-size:1.5rem;color:#fff}.about-page .about-content .about-info{font-size:.8rem;color:#fff}.about-page .about-content .summary-card div img{width:50px;height:50px}.about-page .about-content .summary-card .summary-descrip .info-value{font-size:1rem}.about-page .about-content .summary-card .summary-descrip .info-desc{font-size:.8rem}}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;background:black}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.heading-box{overflow:hidden}.heading-box .animate-heading{display:inline-block}.bouncing-for-content{display:flex;flex-wrap:wrap}.bouncing-animation{display:inline-block;cursor:context-menu}.bouncing-animation.bouncing{animation:rubberband .5s alternate ease-out;color:#07f7f7}@keyframes rubberband{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.hide-page{transition:all .8s;transition-delay:.1s;opacity:0;filter:blur(5px);transform:translateY(100px)}.hide-page.show{opacity:1;filter:blur(0px);transform:translateY(0)}.hide-content{transition:all .8s;opacity:0;filter:blur(5px);transform:translate(-100px)}@media (prefers-reduced-motion){.hide-page{transition:none}}