*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%;scroll-behavior:smooth}li{list-style-type:none}a{text-decoration:none;color:#aaa;cursor:pointer;transition:.5s}a:hover{color:#000}.loader{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:50;background-color:#ccc}#percent{display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;height:100vh;color:#fff;font-size:7em;font-weight:lighter;font-style:italic;mix-blend-mode:difference}#bar{position:absolute;top:0;left:0;height:100vh;width:100%}#barconfirm{width:0%;height:100vh;background:#aaa}.hero-section{height:100vh;background:#ddd;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;color:#aaa}.hero-section .hero-section-content{font-size:3em}.hero-section .hero-section-content .hero-text{height:2em;font-weight:600}.hero-section .hero-section-content .ideas,.hero-section .hero-section-content .life{color:#555}.hero-section .hero-section-content .notification{font-size:.5em;display:flex;justify-content:center;align-items:center;gap:1em;position:absolute;bottom:10%}.hero-section .hero-section-content .notification .dot{display:flex;justify-content:center;align-items:center;width:15px;height:15px;background-color:#2da02d;border-radius:50%}.hero-section .hero-section-content .notification .dot:before{content:"";width:inherit;height:inherit;border:5px solid rgb(45,160,45);border-radius:inherit;position:absolute;z-index:1000;opacity:0;animation:2s move cubic-bezier(.29,0,0,1) infinite;animation-delay:.5s}@keyframes move{1%{width:0;height:0;opacity:1}to{width:500%;height:500%;opacity:0;border-color:#fff;background-color:none;border-width:5px}}.hero-section nav{font-size:2em;align-items:center;justify-content:center;height:90vh;padding:4em;width:90%;display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);transform:translate(-120%);position:absolute;transition:1s;border-radius:.5em;font-family:Poppins,sans-serif;z-index:100000}.hero-section nav svg{color:#000}.hero-section nav .close{position:absolute;display:block;top:10%;right:15%;width:1em}.hero-section nav ul li a{background:linear-gradient(0deg,#555,#555);background-repeat:no-repeat;background-size:0 2px;background-position:bottom;transition:.3s ease-in;margin:1em auto;display:flex;flex-direction:column;align-items:center}.hero-section nav ul li a:hover{background:linear-gradient(0deg,#777,#777);background-repeat:no-repeat;background-size:100% 2px;background-position:bottom;color:#777}.second-section{background-color:#ccc;height:100vh;font-family:DM Sans,sans-serif;padding:0 6em;position:relative}.second-section .second-section-content .second-section-text-container{font-size:5em;padding-top:1em;color:#aaa;font-weight:700}.second-section .second-section-content .second-section-text-container .intro-break{padding-left:4em;padding-top:1em;display:block}.second-section .second-section-content .bitmoji{width:2em;position:absolute;left:40%;top:10%}.second-section .second-section-content .arrows-container{display:flex;justify-content:center;align-items:center;width:85%;position:absolute;bottom:20%}.second-section .second-section-content .arrows-container .arrow{position:absolute;width:3em;height:.5em;opacity:0;transform:scale(.3);animation:move-arrow 2s ease-out infinite}.second-section .second-section-content .arrows-container .arrow:first-child{animation:move-arrow 2s ease-out .5s infinite}.second-section .second-section-content .arrows-container .arrow:nth-child(2){animation:move-arrow 2s ease-out 1s infinite}.second-section .second-section-content .arrows-container .arrow:before,.second-section .second-section-content .arrows-container .arrow:after{content:"";position:absolute;top:0;height:100%;width:50%;background:#555}.second-section .second-section-content .arrows-container .arrow:before{left:0;transform:skewY(30deg)}.second-section .second-section-content .arrows-container .arrow:after{right:0;width:50%;transform:skewY(-30deg)}@keyframes move-arrow{25%{opacity:1}33.3%{opacity:1;transform:translateY(2.28rem)}66.6%{opacity:1;transform:translateY(3.12rem)}to{opacity:0;transform:translateY(4.8rem) scale(.5)}}.about-me-section{background-color:#ddd;height:auto;font-family:DM Sans,sans-serif}.about-me-section .about-me-section-content{padding:4em 6em;display:flex;flex-direction:row;justify-content:space-between}.about-me-section .about-me-section-content img{width:25em;height:auto;object-fit:contain;display:inline-block}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading{color:#aaa;font-family:Montserrat Alternates,sans-serif}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .title{font-size:7em;font-weight:700}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .smaller-title{font-size:2em;padding-left:2em;font-weight:500}.about-me-section .about-me-section-content p{text-align:justify;padding-left:4em;padding-top:1em;width:70%}.rotating-link a{font-size:2em;display:block;padding-top:1em;padding-left:2em;color:#000;transition:.2s ease-in-out;text-decoration:underline;font-family:DM Sans,sans-serif;font-weight:600}.rotating-link:hover a{transform:scale(.95)}.rotating-link:hover svg{transform:rotate(-90deg)}.svg{width:.6em;vertical-align:middle;transform:rotate(220deg);transition:.2s ease-in-out}.tech-stack-marquee{padding:1em 0;font-size:2em;font-family:DM Sans,sans-serif;color:#aaa;height:auto;font-weight:600}.projects-section{height:auto;background-color:#ccc;padding:4em 6em}.projects-section .projects-section-content-container{padding:4em 0}.projects-section .projects-section-content-container .projects-heading{font-size:3em;font-family:DM Sans,sans-serif;color:#aaa;font-weight:700;display:block}.projects-section .projects-section-content-container .projects-heading img{display:inline-block}.projects-section .projects-section-content-container .projects-heading img{width:1em;margin-bottom:-.7em;display:inline-block}.projects-section .projects-list{width:100%;padding:2em 0 0}.projects-list .horizontal-line{height:1px;background-color:#e6e6e6;width:100%;margin:0 auto;background-image:linear-gradient(left,#fff 2%,#e6e6e6,#fff 98%);background-image:-o-linear-gradient(left,white 2%,#E6E6E6 50%,white 98%);background-image:-moz-linear-gradient(left,white 2%,#E6E6E6 50%,white 98%);background-image:-webkit-linear-gradient(left,white 2%,#E6E6E6 50%,white 98%);background-image:-ms-linear-gradient(left,white 2%,#E6E6E6 50%,white 98%);background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(.02,#cccccc),color-stop(.5,gray),color-stop(.98,#cccccc))}.projects-list section{height:auto;font-family:Poppins,sans-serif}.projects-list section h1{font-size:2em}.individual-project{display:grid;grid-template-columns:1fr 1.5fr;gap:2em;height:100%;padding-top:1em;padding-bottom:4em}.individual-project img{width:30em;height:auto;object-fit:cover;display:inline-block;margin:auto 0}.individual-project .project-description{display:flex;flex-direction:column;justify-content:space-between;height:auto}.individual-project .project-description .project-title{display:flex;flex-direction:row;justify-content:space-between;height:4em}.individual-project .project-description .project-title .view-project{display:flex;flex-direction:column;gap:5em}.individual-project .project-description .project-title .view-project svg{width:1em;transition:.2s ease-in-out;display:inline-block;vertical-align:middle;margin-top:-.5em}.individual-project .project-description .project-title .view-project:hover a{color:#000}.individual-project .project-description .project-title .view-project:hover svg{color:#000;transform:translate(10px,-5px)}.individual-project .project-info{display:grid;grid-template-columns:4fr 1fr;gap:3em}.individual-project .project-info .project-features{width:100%;text-align:justify;font-size:.9em}.individual-project .project-info .project-features h3{padding-bottom:.5em}.individual-project .project-info .project-stack{font-size:.6em;align-self:center}.explore-link{text-align:center;font-family:DM Sans,sans-serif;display:block;font-size:1em}.explore-link svg{vertical-align:middle;margin-top:-.2em;transition:.3s}.explore-link:hover svg{transform:translate(20px,-10px)}.technical-writing-section{background-color:#ccc;font-family:DM Sans;padding:1em 6em}.technical-writing-section .technical-writing-section-content .technical-writing-section-heading{font-size:3em;font-family:DM Sans,sans-serif;font-weight:700;color:#aaa}.technical-writing-section .technical-writing-section-content .technical-writing-section-heading img{width:3em;display:inline-block;vertical-align:middle;transform:rotate(5deg)}.technical-writing-section .technical-writing-section-content .articles-container{padding:6em 0;display:flex;align-items:center;gap:1em}.technical-writing-section .technical-writing-section-content .articles-container .article{display:flex;align-items:center;flex-direction:column;justify-content:space-around;height:15em;width:16em;border-radius:50px;border:2px solid #aaaaaa;padding:2em;text-align:center}.technical-writing-section .technical-writing-section-content .articles-container .article:hover{border:2px solid #555555;color:#555}.technical-writing-section .technical-writing-section-content .articles-container .explore-articles{justify-self:center;align-self:center;padding-left:4em;display:inline-block}.technical-writing-section .technical-writing-section-content .articles-container .explore-articles svg{width:1em}.technical-writing-section .technical-writing-section-content .freecodecamp-section{text-align:center;font-size:2em;padding:4em}.contact{background-color:#ddd;font-family:Poppins;text-align:center;position:relative;padding:6em}.contact .contact-heading{font-size:3em;font-weight:700;color:#aaa;padding-bottom:2em}.contact .contact-heading .inline-text1{font-size:.5em}.contact .contact-heading .inline-text2{color:#777;font-size:2em}.contact .contact-heading .bitmoji-2{width:5em;vertical-align:bottom;transform:rotate(5deg)}.contact .contact-text{display:inline-block;color:#aaa;font-weight:500;font-size:1.5em}.contact .send-email{display:block;padding:2em 4em;width:fit-content;font-size:1em;border-radius:30px;margin:4em auto;background-color:#ccc;transition:.5s;color:#777}.contact .send-email:hover{transform:scale(.9);color:#ddd;background-color:#999}.contact .icons{position:absolute;bottom:5%}.contact .icons img,.contact .icons .hashnode{width:2em}.footer{padding:1em 6em;font-family:DM Sans;background-color:#ccc;color:#aaa;text-align:center}.footer .back-to-top{text-decoration:underline}.footer .back-to-top:hover{opacity:.7}.projects-page{height:100vh}.under-construction{font-size:2em;display:block;text-align:center;justify-self:center;background-color:#ccc;font-family:DM Sans,sans-serif;color:#777;font-weight:700;height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1150px){.second-section .second-section-content .second-section-text-container{font-size:4em;padding-left:.5em;padding-top:1em}.second-section .second-section-content .bitmoji{left:40%;top:10%;position:absolute}.about-me-section .about-me-section-content,.projects-section{padding:4em}.contact{padding:6em 4em}}@media screen and (max-width: 1000px),screen and (min-height: 800px){.second-section{padding:5em 4em}.contact{padding-top:18em}}@media screen and (max-width: 900px){.hero-section .hero-section-content{padding:0 2em;font-size:1.5em}.hero-section .hero-section-content .hero-text{font-size:2em}.hero-section .hero-section-content .notification{font-size:1em}.second-section{height:80vh}.second-section .second-section-content .second-section-text-container{font-size:4em}.second-section .second-section-content .second-section-text-container .intro-break{padding-left:2em}.second-section .second-section-content .bitmoji{left:55%;top:22%}.second-section .second-section-content .arrows-container{position:absolute;width:85%}.about-me-section .about-me-section-content{display:flex;flex-direction:column}.about-me-section .about-me-section-content img{display:block;margin:0 auto;width:30em}.about-me-section .about-me-section-content .about-me-section-text-container{padding-left:2em}.about-me-section .about-me-section-content .about-me-section-text-container p{width:80%}.individual-project{grid-template-columns:1fr}.individual-project img{display:block;width:100%}.individual-project .project-info .project-features{width:100%}.individual-project .project-info .project-features h3{padding-bottom:1em}.individual-project .project-info .project-stack{font-size:.7em;align-self:flex-end}.technical-writing-section{padding:1em 4em}.technical-writing-section .technical-writing-section-content .technical-writing-section-heading{font-size:2.5em;text-align:center;display:inline-block}.technical-writing-section .technical-writing-section-content .articles-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2em}.technical-writing-section .technical-writing-section-content .articles-container .explore-articles{padding-top:4em;padding-left:0}.contact{padding:4em 6em;height:70vh}.contact .contact-heading{font-size:3em}.contact .contact-text{font-size:1.2em}}@media screen and (max-width: 500px){.hero-section{padding:1em;justify-content:flex-start}.hero-section .hero-section-content{font-size:1.2em;padding:0 1em}.hero-section .notification{font-size:.8em}.hero-section nav{font-size:1.5em}.second-section{padding:1em;height:70vh}.second-section .second-section-content .second-section-text-container{font-size:2.5em}.second-section .second-section-content .bitmoji{position:absolute;left:62%;top:10%}.second-section .second-section-content .arrows-container{width:90%}.second-section .second-section-content .arrows-container .arrow{width:2em}.about-me-section .about-me-section-content{padding:2em 1em}.about-me-section .about-me-section-content img{width:22em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .title{font-size:4em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .smaller-title{padding-left:0;font-size:1.5em}.about-me-section .about-me-section-content .about-me-section-text-container p{padding-left:0;width:85%}.about-me-section .tech-stack-marquee{font-size:1em}.projects-section{padding:1em}.projects-section .projects-section-content-container{padding:2em 0}.projects-section .projects-section-content-container .projects-heading{font-size:2em}.projects-section .projects-list .individual-project,.projects-section .projects-list .individual-project .project-info{grid-template-columns:1fr}.projects-section .projects-list .individual-project .project-info .project-info{width:100%}.projects-section .projects-list .individual-project .project-info .project-features h3{padding:1em 0}.rotating-link{font-size:1.2em}.rotating-link a{padding-left:0;font-size:1.5em}.second-rotating-link a{padding-left:0;font-size:1em}.second-rotating-link a svg{width:1em}.technical-writing-section .technical-writing-section-content .technical-writing-section-heading{padding-top:2em;font-size:1.5em}.technical-writing-section .technical-writing-section-content .articles-container{display:flex;flex-direction:column;padding:4em 0}.contact{padding:10em 1em;height:80vh}.contact .contact-heading{font-size:1.2em}.contact .contact-text{font-size:.9em}.contact .send-email{padding:1.5em 3em;border-radius:20px;font-size:.8em}.footer{font-size:.8em}}@media screen and (max-width: 400px){.hero-section .hero-section-content .notification{font-size:.8em}.about-me-section .about-me-section-content img{width:20em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .title{font-size:3em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .smaller-title{font-size:1.5em}.about-me-section .about-me-section-content .about-me-section-text-container p{font-size:.9em}.about-me-section .about-me-section-content .about-me-section-text-container .rotating-link{font-size:1em}.about-me-section .tech-stack-marquee{font-size:.8em}.projects-section .projects-list .individual-project .project-description .project-title h1{font-size:1.5em}.projects-section .projects-list .individual-project .project-description .project-info .project-features h3{font-size:1em}}@media screen and (max-width: 350px){.hero-section .hero-section-content{font-size:1em}.hero-section .hero-section-content .notification{font-size:.8em}.hero-section nav{font-size:1.2em}.second-section{height:80vh}.second-section .second-section-content .second-section-text-container{font-size:2em}.about-me-section .about-me-section-content img{width:16em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .title{font-size:2.5em}.about-me-section .about-me-section-content .about-me-section-text-container .title-heading .smaller-title{font-size:1.1em}.about-me-section .about-me-section-content .about-me-section-text-container .rotating-link{font-size:.8em}.technical-writing-section .technical-writing-section-content .technical-writing-section-heading{font-size:1.2em}.technical-writing-section .technical-writing-section-content .articles-container .article{height:13em;width:16em}.contact{padding:4em 1em}.contact .contact-heading{font-size:.8em}.contact .contact-text{font-size:.7em}.footer{font-size:.6em}}.notification{font-size:.5em;display:flex;justify-content:center;align-items:center;gap:2em}.notification .dot{display:flex;justify-content:center;align-items:center;width:10px;height:10px;background-color:#ce2b37;border-radius:50%;position:relative}.notification .dot:before{content:"";width:inherit;height:inherit;border:5px solid black;border-radius:inherit;position:absolute;z-index:-10;opacity:0;animation:2s expand cubic-bezier(.29,0,0,1) infinite;animation-delay:1s}