@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--theme-color: #2c0000;--theme-color-3: #170000;--theme-color-2: #180000;--bg-color: rgb(0, 0, 0);--text-color: #cecece;--text-color-2: #3f3f3f;--text-color-3: #919191;--highlight-color:#9e1111}.italic-text{font-family:Playwrite GB S,cursive;font-style:italic}.main-text{font-family:Open Sans,sans-serif;font-weight:300}.app-wrapper{color:var(--text-color);overflow-y:auto}.sidebar{position:fixed;z-index:555;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;right:0;padding-top:10vh}.sidebar button{position:absolute;top:20px;font-size:3vw;right:20px}.pointer{cursor:pointer}.basic-button{color:var(--text-color);width:fit-content;padding:.8em 1.7em;background-color:transparent;border-radius:100px;position:relative;overflow:hidden;cursor:pointer;transition:.3s;font-weight:400;font-size:1vw;border:1px solid var(--highlight-color);text-transform:uppercase;z-index:1}hr{border:1px solid var(--text-color-2)}.basic-button:before,.basic-button:after{content:"";display:block;width:1em;height:1em;transform:translate(-50%,-50%);position:absolute;border-radius:50%;z-index:-1;background-color:var(--highlight-color);transition:.3s ease}.basic-button:before{top:-1em;left:-1em}.basic-button:after{left:calc(100% + 1em);top:calc(100% + 1em)}.basic-button:hover:before,.basic-button:hover:after{height:410px;width:410px}.basic-button:hover,.basic-button a i:hover{color:var(--text-color)}.basic-button:active{filter:brightness(.8)}@media (max-width: 768px){.basic-button{font-size:2vw;padding:.6em 1.5em}}a{text-decoration:none;color:var(--text-color)}@media (max-width: 450px){.basic-button{font-size:3.5vw;padding:.4em 1.3em}#circle{display:none}.basic-button:before{top:-3em}.basic-button:after{left:12em}}.about-page-container{background-color:var(--bg-color);background:radial-gradient(circle,var(--theme-color) 0%,var(--bg-color) 47%,var(--bg-color) 100%);padding:5vh}.about-heading{padding:10px;line-height:1.2}.about-heading h3{font-size:4vw;color:var(--highlight-color)}.about-heading h1{font-size:10vw;font-weight:500}.about-line-container h1{text-align:end}.about-line-container h1:nth-child(1){width:10%}.about-line-container h1:nth-child(2){width:60%}.about-line-container h1 span,.about-body p span,.education-left span{color:var(--highlight-color)}.about-body{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10vh 0}.about-body a{text-align:center;width:50%;margin:20px}.about-body p{width:50%;font-size:1.1rem;word-spacing:4px;line-height:1.4}.about-education{margin-top:5vh;width:100%;display:flex;justify-content:space-between}.education-left{display:flex;align-items:center;justify-content:center;font-size:2.7vw;width:50%}.education-left h1{font-weight:400;text-align:center}.education-right{width:50%}.container{height:30vh;box-sizing:border-box;border-left:3px solid var(--highlight-color)}.container .circle{height:10px;width:10px;border:1px solid var(--text-color);border-radius:50%;position:absolute}.rb-container{font-family:PT Sans,sans-serif;margin:auto;display:block;position:relative}.rb-container ul.rb{margin:2.5em 0;padding:0;display:inline-block}.rb-container ul.rb li{list-style:none;margin:auto;min-height:15vh;border-left:1px solid var(--highlight-color);padding:0 0 50px 30px;position:relative}.rb-container ul.rb li:last-child{border-left:0}.rb-container ul.rb li:before{position:absolute;left:-14px;top:0;content:" ";border:3px solid var(--highlight-color);border-radius:500%;background:var(--bg-color);height:20px;width:20px;transition:all .5s ease-in-out}ul.rb li .timestamp{color:var(--highlight-color);position:relative;width:fit-content;font-size:1.3vw}.item-title{margin-top:5px;color:var(--text-color);font-style:1.1vw}.container-3{width:5em;vertical-align:right;white-space:nowrap;position:absolute}.container-3 input#search{width:150px;height:30px;background:#fbfbfb;border:none;font-size:10pt;color:#262626;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:.9em 0 0 28.5em;box-shadow:3px 3px 15px #77777780}.container-3 .icon{margin:1.3em 3em 0 31.5em;position:absolute;width:150px;height:30px;z-index:1;color:#4f5b66}@media (max-width: 450px){.about-body{flex-direction:column;margin-top:0}.about-body p{margin-top:20px;width:100%}.about-education{flex-direction:column}ul.rb li .timestamp{font-size:3.5vw}}.navbar{width:100%;height:10vh;display:flex;align-items:center;justify-content:space-between}.navbar a{text-decoration:none;color:var(--text-color);transition:.2s ease-in-out}.navbar a:hover{color:var(--highlight-color)}.logo{border:1px solid var(--text-color);border-radius:100px;display:inline-block;padding:.8rem 1rem;text-align:center}.nav-links{display:flex;gap:3vw}.nav-links a{color:#fff;text-decoration:none;transition:.3s ease-in-out}.animated-button{font-size:1.2vw;color:#fff;cursor:pointer;width:6vw;height:6vh;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center}.animated-button .span-mother{display:flex;overflow:hidden}.animated-button:hover{border-bottom:1px solid var(--highlight-color)}.animated-button:hover .span-mother{position:absolute}.animated-button:hover .span-mother span{transform:translateY(1.2em)}.animated-button .span-mother span:nth-child(1){transition:.2s}.animated-button .span-mother span:nth-child(2){transition:.3s}.animated-button .span-mother span:nth-child(3){transition:.4s}.animated-button .span-mother span:nth-child(4){transition:.5s}.animated-button .span-mother span:nth-child(5){transition:.6s}.animated-button .span-mother span:nth-child(6){transition:.7s}.animated-button .span-mother span:nth-child(7){transition:.8s}.animated-button .span-mother span:nth-child(8){transition:.9s}.animated-button .span-mother2{display:flex;position:absolute;overflow:hidden}.animated-button .span-mother2 span{transform:translateY(-1.3em)}.animated-button:hover .span-mother2 span{transform:translateY(0)}.animated-button .span-mother2 span{transition:.2s}.animated-button .span-mother2 span:nth-child(2){transition:.3s}.animated-button .span-mother2 span:nth-child(3){transition:.4s}.animated-button .span-mother2 span:nth-child(4){transition:.5s}.animated-button .span-mother2 span:nth-child(5){transition:.6s}.animated-button .span-mother2 span:nth-child(6){transition:.7s}.animated-button .span-mother2 span:nth-child(7){transition:.8s}.animated-button .span-mother2 span:nth-child(8){transition:.9s}.footer-container{width:100%;height:45vh;background-image:linear-gradient(360deg,var(--theme-color),var(--theme-color-2) 40%,black);overflow:hidden}.footer-box-container{width:100%;height:40vh;display:flex;align-items:center;justify-content:center}.box-links,.box-follow{width:30%;display:flex;align-items:center;justify-content:center;gap:40px}.box-links a,.box-follow a{text-decoration:none;color:var(--text-color);border-bottom:1px solid transparent}.box-links a:hover{color:var(--highlight-color);border-bottom:1px solid var(--highlight-color);transition:.2s ease}.box-logo{width:30%;text-align:center}.box-follow{font-size:3vw}.box-follow i{transition:.2s ease-in-out}.box-follow i:hover{color:var(--highlight-color);cursor:pointer}.footer-bottom{height:5vh;text-align:center}.footer-text span{margin:0 10px}@media (max-width : 430px){.footer-box-container{flex-direction:column;gap:5vh}.box-links,.box-follow,.box-logo{width:100%}.box-follow{font-size:5vw}.footer-text{font-size:3vw}}.main5{display:flex;background-color:var(--bg-color);flex-direction:column}.marquee-text-container{width:100%;overflow:hidden;position:relative;display:flex;cursor:default;text-transform:uppercase}.marquee-text{white-space:nowrap;display:flex;align-items:center;justify-content:center;transform:translate(-100%)}.marquee-text p{font-size:10vw}.form-container{height:80vh;width:90vw;margin:auto;display:flex;text-align:center;overflow:hidden}.form-container .form-heading{width:50%;font-size:4rem;align-content:center}.form-heading span{color:var(--highlight-color);font-weight:800}.loader-container{height:100%;width:50%;display:flex;align-items:center;justify-content:center}.form-container form{width:50%;display:flex;justify-content:center;flex-direction:column;gap:3vh}.form-container a{text-decoration:none;color:var(--highlight-color)}.form-container form input,textarea{padding:2vh 0;background-color:transparent;outline:none;border:none;border-bottom:1px solid #6b6060;font-size:2vw;color:var(--text-color);resize:none}@media (max-width: 430px){.form-container{display:flex;align-items:center;justify-content:center;gap:10vh;flex-direction:column}.form-container .form-heading{width:100%}.form-container form{width:90%}.form-container .form-heading p{font-size:10vw}.form-container form input,textarea{padding:2vh 0;background-color:transparent;outline:none;border:none;border-bottom:1px solid #6b6060;font-size:1.2rem;color:var(--text-color);resize:none}}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:2px solid var(--highlight-color);box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:4px;top:4px;border:2px solid #FFF;width:12px;height:12px;border-radius:50%}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main4{background-color:var(--bg-color);display:flex;align-items:start;position:relative;color:#fff;overflow:hidden;height:100vh}.left-right-container{display:flex;height:100%}.main4 .left{width:70%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.left .heading-container{height:65%;width:80%;display:flex;justify-content:space-between;flex-direction:column}.heading-container .line1{font-size:6vw;overflow:hidden}.heading-container .line1 p{transform:translateY(100%)}.heading-container .line2{width:100%;text-align:end;overflow:hidden}.heading-container .line2 p{width:50%;color:var(--text-color-3)}.heading-container .line1 span{margin:2px;font-weight:800;color:var(--highlight-color);padding:0 10px}.main4 .right{width:40%;height:100%;display:flex;align-items:center;justify-content:center}.main4 .right img{position:relative;height:90%;opacity:0;left:500px;width:80%;object-fit:cover}.main4 .about-semicircle-container{width:100%;height:100vh;position:absolute;display:flex;align-items:center;justify-content:start}.main4 .about-semicircle{transform:translate(-30%);height:40vh;width:40vh;border:1px solid #6b6060;border-radius:50%}@media (max-width : 470px){.main4 .left-right-container{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.main4 .left{width:100%}.main4 .right{height:50%}.heading-container{align-items:center}.heading-container .line1{display:flex;align-items:center;justify-content:center;overflow:hidden}.heading-container .line1 p{transform:translateY(-300%);font-size:10vw}.heading-container .line2{text-align:center;font-size:1rem}.heading-container .line2 p,.main4 .right{width:100%}.main4 .left-right-container .right img{width:100%;object-fit:contain}}.hero-section{height:100vh;padding:.5rem 1rem;overflow:hidden;position:relative;background-image:linear-gradient(180deg,var(--theme-color),var(--theme-color-2) 40%,black)}.hamburger{display:none}.hamburger-container{display:none;gap:20px}.hamburger-container .hamburger a{color:var(--text-color)}.left-right-container{display:flex;padding:10px}.hero-section-left{width:70%;height:80vh;display:flex;justify-content:center;flex-direction:column}.line-container{display:flex;align-items:end;gap:20px;overflow-y:hidden;transition:cubic-bezier(.19,1,.22,1) 1s}.line-container p{font-size:8.5vw;line-height:1;font-weight:500;text-transform:uppercase;letter-spacing:-2px}.line-container span{font-size:2vw;font-weight:100;font-style:italic;color:var(--text-color)}.line2,.line4{display:flex;justify-content:end;mix-blend-mode:difference;color:var(--highlight-color)}.hero-section-right{width:30%;height:80vh;display:flex;align-items:end;justify-content:end}@media (max-width: 600px){.hero-section-left{width:100%;justify-content:center;gap:3vh}.hero-section-right{display:none}.line-container p{font-size:2.7rem;flex-shrink:0}.line-container span{font-size:1rem;width:30%}.line2 span{text-align:end}.line3{text-align:end;justify-content:end}.line4{justify-content:start}.nav-links{display:none}.animated-button{font-size:4vw}.hamburger{display:block;font-size:4vw;padding:10px 15px;border-radius:100px}.hamburger-container{display:flex;gap:20px}}.semicircle-container{height:calc(100vh - 1rem);width:calc(100vw - 2rem);position:absolute;top:-50%;display:flex;align-items:center;justify-content:center}.semicircle{height:30rem;width:30rem;border-radius:50%;border:1px solid #6b6060}@media (max-width: 450px){.semicircle{height:calc(50vh - 1rem);width:calc(50vh - 2rem)}}.banner-container{width:100%;background-color:var(--bg-color);overflow:hidden;padding-bottom:3vh;display:flex;position:relative;gap:8.5vw}.banner-icons{white-space:nowrap;height:10vh;display:flex;align-items:center;justify-content:center;gap:8.5vw;color:var(--text-color-2);transform:translate(-100%)}.banner-icons i{font-size:3rem}.skills-container{display:flex;background-color:var(--bg-color);justify-content:space-evenly;gap:2rem;padding:2rem;color:var(--text-color);overflow:hidden}.skills-box{padding:1.5rem;width:50vw;text-align:center}.skills-box h2{font-size:1.8rem;width:100%;margin-bottom:10px;text-align:center;font-weight:400;color:var(--highlight-color)}.skills-box ul{list-style:none;padding:0;margin:0}.skills-box li{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center;padding:.5rem 0;font-size:1rem}.skills-box li span{width:50%;text-align:end}.skills-box li span:last-child{width:50%;text-align:start}.skills-box li span.level{color:red}.skills-box li:last-child{border-bottom:none}.skills-box-2{position:relative;border-radius:8px;padding:1.5rem;width:50vw;text-align:center;left:500px}.skills-box-2 h2{font-size:1.8rem;width:100%;margin-bottom:10px;font-weight:400;color:var(--highlight-color)}.skills-box-2 ul{list-style:none;padding:0;margin:0}.skills-box-2 li{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center;padding:.5rem 0;font-size:1rem}.skills-box-2 li span{width:50%;text-align:end}.skills-box-2 li span:last-child{width:50%;text-align:start}.skills-box-2 li span.level{color:red}.skills-box-2 li:last-child{border-bottom:none}@media (max-width: 450px){.skills-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.divider{width:100%}}.effect-section{width:100%;display:flex;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000;z-index:99999999}.effect-container{position:relative;width:100%;color:#dedede;height:30vh;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid gray;border-top:1px solid gray;transition:.3s ease-in-out}.effect-container img{width:100%;height:100%;object-fit:contain;object-position:center;z-index:1}#effect-container-2{z-index:2}.effect-container h1{font-size:8vw;transition:.4s ease-in-out;text-transform:capitalize;font-weight:200;margin-left:50px}.effect-container p{margin-right:50px}.effect-container:hover h1{opacity:.4;transform:translate(70px);font-size:7.9vw}.project-text{text-align:center;font-size:4vw;gap:10px;padding:30px;background-color:var(--bg-color)}.effect-section .basic-button{margin:30px 0;z-index:1000}.project-text span{color:var(--highlight-color);font-size:7vw}@media (max-width: 430px){.effect-section{height:inherit;overflow:hidden}.effect-container{height:20vh}.effect-container img{display:none}.effect-container h1{margin-left:10px}.effect-container:hover h1{transform:translate(0)}.project-text{font-size:6vw}.project-text span{font-size:8vw}}.project-section{min-height:100vh;background:#2c0000;background:radial-gradient(circle,#2c0000,#000 58%,#030000 81%,#000);padding:0 10vw;padding-top:10vh}.project-section .project-heading{overflow:hidden}.project-section .project-heading h1{font-size:6vw;line-height:2;transform:translateY(100%)}.project-section .project-heading p{transform:translate(-100%);opacity:0}.project-section .project-heading h1 span{color:var(--highlight-color)}.project-card-container{display:grid;margin-top:50px;grid-template-columns:repeat(auto-fill,minmax(30vw,1fr));gap:0 3vw}@media (max-width: 1024px){.project-card-container{grid-template-columns:repeat(1,1fr)}}.project-card-container .project-card{background:#fff1;border-radius:10px;padding:20px;transition:transform .3s ease}.project-card-container .project-card img{object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;overflow:hidden}.project-card-container .project-card:nth-child(2n){margin-top:50px}.project-card-container .project-card:nth-child(odd){margin-bottom:50px}@media (max-width: 900px){.project-card-container .project-card:nth-child(odd){margin-top:50px}.project-card-container .project-card:nth-child(2n){margin-bottom:50px}}.project-details{margin-top:10px;font-family:Open Sans,sans-serif;font-weight:300}.project-section p{color:var(--text-color-3)}.project-card-container .project-card .project-details-text{display:flex;justify-content:space-between;margin-top:5px}.project-card-container .project-card .project-details-text a{color:var(--highlight-color);border-bottom:1px solid var(--highlight-color)}.sidebar{position:fixed;z-index:555;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;right:0;padding-top:10vh;transform:translate(100%)}.sidebar button{position:absolute;top:50px;font-size:3vw;left:43%}.sidebar_navigation{height:10%;font-size:4vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.sidebar-box-follow{width:100%;display:flex;align-items:center;justify-content:center;gap:40px}.sidebar-box-follow a{text-decoration:none;color:var(--text-color);border-bottom:1px solid transparent}.sidebar-box-follow{font-size:5vw}.project-page-container{height:100vh;padding:.5rem 1rem;overflow:hidden;position:relative;background-image:linear-gradient(180deg,var(--theme-color),var(--theme-color-2) 40%,black)}*{margin:0;padding:0}html,body{height:100%;width:100%;background-color:#20272f}