@font-face{font-family:Pixel;src:local("Pixel"),url(/static/media/Pixel.4771127bc9170d77651f.otf) format("opentype")}@font-face{font-family:Streamster;src:local("Streamster"),url(/static/media/Streamster.100ed9e790edecf5bd6a.ttf) format("truetype")}:root{--pink:#f37298;--hot-pink:#f0a;--deep-blue:#0d294e;--blue:#4375b8;--grey:#495057}*{background:#0000;border:0;font-family:Pixel;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}::-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:#0d294e;background:var(--deep-blue)}::selection{background:#f37298;background:var(--pink);color:#fff}html{height:100%}body{animation:gradient 15s ease infinite;background:linear-gradient(135deg,#0d294e,#4375b8);background:linear-gradient(135deg,var(--deep-blue),var(--blue));background-repeat:no-repeat;background-size:150% 150%}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{color:#f37298;color:var(--pink);font-family:Streamster;font-size:10rem;margin:0 0 0 -12px;top:30%;transform:translate(-50%,-30%)}.name-designation,.name-title{left:50%;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:80%}.name-designation{color:#fff;font-size:2.5rem;margin:0;opacity:.85;top:65%;transform:translate(-50%,-60%)}.intro-page{align-items:center;height:100%;width:100%}.particles{height:100%;position:absolute!important;width:100%}.menu-button{display:none}.btn{background:#0000;border:2px solid #fff;bottom:10%;color:#fff;cursor:pointer;left:50%;margin:0;opacity:.3;padding:15px 32px;position:absolute;transform:translate(-50%,-60%);transition:.3s;-webkit-user-select:none;user-select:none}.btn h3{font-size:16px;font-weight:400}.btn:hover{background-color:#f37298;background-color:var(--pink);opacity:.9}.portfolio-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f37299c5;border:2px solid #fff;box-shadow:3px 3px 60px #0000003d;height:90vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s;width:90vw}.nav-bar{background-color:#fff;height:40px;justify-content:space-between;padding:10px;position:static;top:0}.nav-bar,.nav-links{display:flex;list-style:none}.nav-links{width:fit-content}.nav-links li{margin:0 10px;padding:10px}.nav-links li span{color:#000;cursor:pointer;flex:1 1;font-weight:600;padding-bottom:27px;text-align:center;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-links li :hover{color:#f37298;color:var(--pink)}.nav-links li span h1{font-size:20px}.nav-active span h1{color:#f37298;color:var(--pink);font-size:20px}.close-btn{cursor:pointer;height:25px;padding:10px;width:25px}.close-btn:hover{color:#f37298;color:var(--pink)}.close-btn path :hover{stroke:#000;stroke-width:30px}.portfolio-section{height:calc(90vh - 60px);left:50%;overflow-y:auto;position:absolute;top:calc(50% + 30px);transform:translate(-50%,-50%);width:90vw}.info-card{background-color:#fff;display:flex;justify-content:space-between;margin:10px auto;padding:50px;width:78vw}.profile-pic{border-radius:50%;height:200px;object-fit:cover;-webkit-user-select:none;user-select:none;width:200px}.about-me{line-height:1.6;padding-left:50px;text-align:right;vertical-align:top}.social-icons .social-icon{align-items:center;background-color:#495057;background-color:var(--grey);border-radius:100%;color:#fff;display:inline-flex;font-size:1.5rem;height:3.5rem;justify-content:center;margin:1rem 1.5rem 0 0;text-decoration:none;width:3.5rem}.social-icons .social-icon:last-child{margin-right:0}.social-icons .social-icon:hover{background-color:#f37298;background-color:var(--pink)}.education-card{background-color:#fff;margin:10px auto;padding:50px;width:78vw}.education-info{display:flex;justify-content:space-between;margin:auto}.school-info{border:1px solid #495057;border:1px solid var(--grey);line-height:1.6;margin:20px 10px 0 0;padding:20px;width:50%}.skills-card{background-color:#fff;margin:10px auto;padding:50px;width:78vw}.list-inline{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:1rem}.dev-icons{font-size:3rem;margin:20px 0 0}.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;font-size:14px;line-height:1.6;list-style-type:none}.card-view{display:flex;flex-wrap:wrap;justify-content:center;margin:10px}.project-card{background-color:#fff;margin:0 5px 10px;max-width:27%;min-width:300px;padding:30px}.project-card h1{font-size:17px;font-weight:400;margin:0 0 15px}.project-card p{line-height:1.6;margin:0 0 20px}.project-btn{background:#0000;border:2px solid #f37298;border:2px solid var(--pink);color:#f37298;color:var(--pink);cursor:pointer;font-size:16px;margin:auto;padding:10px 20px;transition:.3s;-webkit-user-select:none;user-select:none;width:fit-content}.project-btn h3{font-weight:400}.project-btn:hover{background-color:#f37298;background-color:var(--pink);color:#fff!important;opacity:.9}.hide-btn{display:none;height:0}.hide-card{height:0;visibility:hidden}.hide-card h1,.hide-card p{height:0}.github-card{background-color:initial;bottom:15px;position:absolute;right:20px}.github-icons .github-icon{align-items:center;background-color:#495057;background-color:var(--grey);border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;height:3.5rem;justify-content:center;margin-left:1.5rem;margin-top:1rem;text-decoration:none;width:3.5rem}.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{font-size:8rem;top:35%}.name-designation{font-size:2rem}.btn{font-size:14px;padding:12px 24px}}@media only screen and (max-width:826px){.name-title{font-size:6rem;top:40%}.name-designation{font-size:1.5rem;top:65%}.btn{font-size:12px;padding:10px 20px}.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{height:calc(68vh - 60px);top:calc(50% + 130px)}.profile-description{padding:0 25px}.profile-img{display:flex}.profile-pic{margin:20px auto auto}.school-info{margin:0 5px;margin:auto auto 20px;width:40%;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{font-size:12px;padding:10px 20px}.name-title{font-size:6rem;top:30%}.name-designation{font-size:1.5rem;top:70%}.social-icons .social-icon,.social-icons .social-icon:last-child{margin:0 .7rem 1rem}}@media only screen and (max-width:500px){.name-title{font-size:5rem;top:30%}.name-designation{font-size:1.2rem;top:65%}.btn{font-size:12px;padding:8px 12px}.about-me{margin-top:10px}.education-card,.info-card{width:90%}.opened-menu-false{height:calc(99vh - 60px);top:calc(50% + 31px)}.opened-menu-true{height:calc(75vh - 60px);top:calc(50% + 120px)}.portfolio-card{height:99vh;width:98vw}.portfolio-section{width:98vw}.profile-pic{height:170px;width:170px}.profile-description{padding:0 5px}.project-card{max-width:none;min-width:0;min-width:auto}.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{font-size:4rem;top:35%}.name-designation{font-size:1rem;top:65%}.btn{font-size:12px;padding:8px 12px}}
/*# sourceMappingURL=main.5e16cf0b.css.map*/