@font-face{font-family:"Pixel";src:local("Pixel"),url(/static/media/Pixel.4771127b.otf) format("opentype")}@font-face{font-family:"Streamster";src:local("Streamster"),url(/static/media/Streamster.a57dd0b4.ttf) format("truetype")}:root{--pink:#f37298;--hot-pink:#f0a;--deep-blue:#0d294e;--blue:#4375b8;--grey:#495057;--deep-purple:#26143a;--purple:#431b69;--redtitle:#ee1528;--deep-red:#af0000;--orange:#fa9128}*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:"Pixel"}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#495057;background:var(--grey);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#26143a;background:var(--deep-purple)}::selection{color:#fff;background:#f37298;background:var(--pink)}html{height:100%}body{background:linear-gradient(135deg,#26143a,#431b69);background:linear-gradient(135deg,var(--deep-purple),var(--purple));background-repeat:no-repeat;background-size:150% 150%;animation:gradient 15s ease infinite}h1{font-size:18px}p{font-family:monospace;font-size:16px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.name-title{margin:0 0 0 -12px;top:30%;transform:translate(-50%,-30%);color:#af0000;color:var(--deep-red);font-family:"Streamster";font-size:10rem;text-shadow:2px 2px #fff}.name-designation,.name-title{position:absolute;left:50%;width:80%;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.name-designation{margin:0;top:65%;transform:translate(-50%,-60%);color:#fff;font-size:1.5rem;opacity:.85}.intro-page{width:100%;height:100%;align-items:center}.particles{position:absolute!important;width:100%;height:100%}.menu-button{display:none}.btn{margin:0;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-60%);background:transparent;color:#fff;padding:15px 32px;cursor:pointer;opacity:.3;border:2px solid #fff;transition:.3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn h3{font-size:16px;font-weight:400}.btn:hover{background-color:#ee1528;background-color:var(--redtitle);opacity:.9}.portfolio-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh;background-color:#af0000;background-color:var(--deep-red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:3px 3px 60px rgba(0,0,0,.24);border:2px solid #fff;transition:1s}.nav-bar{height:40px;background-color:#fff;justify-content:space-between;padding:10px;position:static;top:0}.nav-bar,.nav-links{list-style:none;display:flex}.nav-links{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-links li{margin:0 10px;padding:10px}.nav-links li span{text-decoration:none;flex:1 1;text-align:center;font-weight:600;color:#000;transition:all .2s ease;padding-bottom:27px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-links li :hover{color:#ee1528;color:var(--redtitle)}.nav-links li span h1{font-size:20px}.nav-active span h1{font-size:20px;color:#ee1528;color:var(--redtitle)}.close-btn{padding:10px;height:25px;width:25px;cursor:pointer}.close-btn:hover{color:#f37298;color:var(--pink)}.close-btn path :hover{stroke:#000;stroke-width:30px}.portfolio-section{position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%,-50%);width:90vw;height:calc(90vh - 60px);overflow-y:auto}.info-card{margin:10px auto;padding:50px;width:78vw;background-color:#fff;display:flex;justify-content:space-between}.profile-pic{border-radius:20%;width:200px;height:200px;object-fit:cover;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about-me{text-align:right}.about-me,.families{vertical-align:top;padding-left:50px;line-height:1.6}.families{text-align:left}.social-icons .social-icon{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;height:3.5rem;width:3.5rem;background-color:#495057;background-color:var(--grey);color:#fff;border-radius:100%;font-size:1.5rem;margin:1rem 1.5rem 0 0}.social-icons .social-icon:last-child{margin-right:0}.social-icons .social-icon:hover{background-color:#f37298;background-color:var(--pink)}.education-card{margin:10px auto;padding:50px;width:78vw;background-color:#fff}.education-info{margin:auto;display:flex;justify-content:space-between}.school-info{width:50%;padding:20px;margin:20px 10px 0 0;border:1px solid #495057;border:1px solid var(--grey);line-height:1.6}.skills-card{margin:10px auto;padding:50px;width:78vw;background-color:#fff}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:1rem}.dev-icons{margin:20px 0 0;font-size:3rem}.ic-but{color:#495057;color:var(--grey);opacity:.9}.ic-but:hover{color:#f37298;color:var(--pink);opacity:.9}.tooltip.__react_component_tooltip.place-bottom:after{border-bottom:0 solid #f37298!important;border-bottom:0 solid var(--pink)!important}.cert-heading{margin:10px 0}.cert-list li{font-family:monospace;line-height:1.6;font-size:14px;list-style-type:none}.card-view{margin:10px;display:flex;flex-wrap:wrap;justify-content:center}.project-card{margin:0 5px 10px;min-width:300px;max-width:27%;padding:30px;background-color:#fff}.project-card h1{font-size:17px;margin:0 0 15px;font-weight:400}.project-card p{margin:0 0 20px;line-height:1.6}.project-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;background:transparent;color:#f37298;color:var(--pink);padding:10px 20px;font-size:16px;cursor:pointer;border:2px solid #f37298;border:2px solid var(--pink);transition:.3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.project-btn h3{font-weight:400}.project-btn:hover{background-color:#f37298;background-color:var(--pink);opacity:.9;color:#fff!important}.hide-btn{display:none;height:0}.hide-card{visibility:hidden;height:0}.hide-card h1,.hide-card p{height:0}.github-card{position:absolute;bottom:15px;right:20px;background-color:transparent}.github-icons .github-icon{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;height:3.5rem;width:3.5rem;background-color:#495057;background-color:var(--grey);color:#fff;border-radius:50%;font-size:1.5rem;margin-left:1.5rem;margin-top:1rem}.github-icons .github-icon:last-child{margin-right:0}.github-icons .github-icon:hover{background-color:#0d294e;background-color:var(--deep-blue)}@media screen and (max-device-width:480px) and (orientation:portrait){.portfolio-card{top:55%}}@media only screen and (max-width:1100px){.name-title{top:35%;font-size:8rem}.name-designation{font-size:2rem}.btn{padding:12px 24px;font-size:14px}}@media only screen and (max-width:826px){.name-title{top:40%;font-size:6rem}.name-designation{top:65%;font-size:1.5rem}.btn{padding:10px 20px;font-size:12px}.about-me{margin-top:20px;padding-left:0;text-align:center}.achievements-heading,.education-heading,.skills-heading{padding:20px 0 0 10px}.cert-heading{margin:0 0 20px 10px}.cert-list{padding:0 0 20px}.cert-list li{padding:0 10px}.dev-icons{display:block;margin-top:0;padding:20px 10px 0}.education-card,.info-card,.skills-card{padding:0;width:91%}.education-info{display:block;padding:20px 10px}.info-card{display:block;width:91%}.list-inline-item{margin-left:1rem}.menu-button{cursor:pointer;display:block;font-size:20px;font-weight:600;height:30px;margin:0 10px;padding:10px}.menu-open-true{height:230px}.nav-links{display:block}.nav-links li span{text-align:left}.opened-menu-true{top:calc(50% + 130px);height:calc(68vh - 60px)}.profile-description{padding:0 25px}.profile-img{display:flex}.profile-pic{margin:20px auto auto}.school-info{margin:0 5px;width:40%;margin:auto auto 20px;width:80%}.show-option-false{display:none}.social-icons .social-icon,.social-icons .social-icon:last-child{margin:0 1rem 1rem}}@media only screen and (max-width:619px){.btn{padding:10px 20px;font-size:12px}.name-title{top:30%;font-size:6rem}.name-designation{top:70%;font-size:1.5rem}.social-icons .social-icon,.social-icons .social-icon:last-child{margin:0 .7rem 1rem}}@media only screen and (max-width:500px){.name-title{top:30%;font-size:5rem}.name-designation{top:65%;font-size:1.2rem}.btn{padding:8px 12px;font-size:12px}.about-me{margin-top:10px}.education-card,.info-card{width:90%}.opened-menu-false{top:calc(50% + 31px);height:calc(99vh - 60px)}.opened-menu-true{top:calc(50% + 120px);height:calc(75vh - 60px)}.portfolio-card{height:99vh;width:98vw}.portfolio-section{width:98vw}.profile-pic{height:170px;width:170px}.profile-description{padding:0 5px}.project-card{min-width:unset;max-width:unset}.social-icons .social-icon,.social-icons .social-icon:last-child{height:3.15rem;margin:0 .4em 1rem .4rem;width:3.15rem}.skills-card{width:90%}}@media only screen and (max-width:330px){.name-title{top:35%;font-size:4rem}.name-designation{top:65%;font-size:1rem}.btn{padding:8px 12px;font-size:12px}}
/*# sourceMappingURL=main.ae0444bd.chunk.css.map */