.bottom-section-container{position:relative;overflow-x:hidden}.bottom-section{display:flex;flex-direction:row;padding-top:2%;padding-bottom:4%}.bottom-section .about-section,.bottom-section .skill-section{flex:1 1}.bottom-section .skill-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.bottom-section .skill-section .heading{display:flex;justify-content:center;align-items:center;padding:2rem;font-size:1.4rem;font-weight:400;font-style:italic;text-transform:uppercase}.bottom-section .skill-section .tech-stack-content{display:flex;gap:40px}.bottom-section .skill-section .tech-stack-content .subsection{display:flex;flex-direction:column;gap:1rem}.bottom-section .skill-section .tech-stack-content .subsection .subheading{font-size:1.2rem;font-weight:300}.bottom-section .skill-section .tech-stack-content .subsection .content{display:flex;flex-direction:column;gap:.5rem}.bottom-section .skill-section .tech-stack-content .subsection .content p{margin:0;font-weight:500;font-size:1.1rem}.bottom-section .about-section{display:flex;justify-content:flex-start}.bottom-section .about-section p{max-width:80%;font-size:1.8rem;line-height:normal}.mask{position:absolute;-webkit-mask-image:url(/_next/static/media/mask.b11f34bb.svg);mask-image:url(/_next/static/media/mask.b11f34bb.svg);background-color:#353535;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;color:#efe3de;-webkit-mask-size:40px;mask-size:40px;z-index:1}@media(max-width:768px){.bottom-section{flex-direction:column-reverse;padding:20px}.bottom-section .skill-section .heading{font-size:1rem}.bottom-section .skill-section .tech-stack-content{flex-direction:column}.bottom-section .about-section p{font-size:1.4rem}}.top-section{display:flex;flex-direction:row;height:80vh;border-bottom:2px solid #c9c9c9;padding-bottom:4%}.top-section .photo-section,.top-section .text-section{flex:1 1}.top-section .photo-section{display:flex;justify-content:center;position:relative;align-items:center}.top-section .photo-section .image{max-width:45%;position:absolute}.top-section .text-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#353535}.top-section .text-section .heading{font-size:5rem}.top-section .text-section .sub-heading{font-size:3rem;color:#999}.top-section .text-section .change-logo{margin-top:5px;margin-left:5px;display:flex;justify-content:center;align-items:center;padding:4px;border:1px solid #353535;border-radius:100%;animation:rotateInf 5s infinite alternate}.top-section .text-section .change-logo:hover{cursor:pointer}@keyframes rotateInf{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.top-section{flex-direction:column;height:100vh;gap:20px}.top-section .text-section{justify-content:center;align-items:center;text-align:center;gap:10px}.top-section .text-section .heading{font-size:3.5rem}.top-section .text-section .sub-heading{font-size:2rem}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:5}.topbar .logo-container{font-size:1.2rem;font-weight:500;display:flex;cursor:pointer;position:relative;overflow:hidden;color:#353535}.topbar .logo-container p{margin:0;transition:all .5s cubic-bezier(.76,0,.24,1);position:relative;transition:transform .5s cubic-bezier(.76,0,.24,1)}.topbar .logo-container p:first-of-type{padding-left:.3em}.topbar .logo-container p:nth-of-type(2){position:absolute;left:120px;padding-left:.3em}.topbar .logo-container:hover .logo-name{transform:translateX(-100%)}.topbar .logo-container:hover .logo-tag{transform:translateX(-110px)}.topbar .glass-container{display:flex;align-items:center;justify-content:center;gap:1em;border:2px solid #353535;padding:4px 20px;color:#353535;border-radius:30px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(90deg,#f8f9fa,#f4f5f7,#efe3de,#f4f5f7,#f8f9fa)}.topbar .glass-container .nav-link{text-decoration:none;color:#000;cursor:pointer;display:flex;justify-items:center;align-items:center;padding:10px 18px;border-radius:20px;transition:all;transition-duration:.5s}.topbar .glass-container .nav-link:hover{background-color:#353535;color:#efe3de}.topbar .glass-container .nav-link .warehouse{height:18px;width:18px}.topbar .resume-container{text-decoration:none;padding:12px 30px;border:2px solid #353535;border-radius:30px;background-color:#353535;color:#efe3de;transition:all;transition-duration:.2s;display:flex;justify-content:center;align-items:center;gap:5px}.topbar .resume-container .download{height:18px;width:18px}.topbar .resume-container:hover{background-color:#efe3de;color:#353535}.hamburger-button{transform:scale(0);position:fixed;left:0;margin:20px;z-index:6;width:80px;height:80px;border-radius:50%;background-color:#353535;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all;transition-duration:1s}.hamburger-button .burger{width:100%}.hamburger-button .burger:after,.hamburger-button .burger:before{content:"";display:block;height:1px;width:40%;margin:auto;background-color:#efe3de;position:relative;transition:transform .3s}.hamburger-button .burger:after{top:-5px}.hamburger-button .burger:before{top:5px}.hamburger-button .burger-active:after{transform:rotate(45deg);background-color:#353535;top:-1px}.hamburger-button .burger-active:before{transform:rotate(-45deg);background-color:#353535;top:0}.hamburger-button:hover{transform:scale(.9)}.hamburger-button-active{transition:all;transition-duration:4s;background-color:#efe3de}.sidebar{height:100vh;background-color:#353535;position:fixed;left:0;top:0;color:#efe3de;z-index:5}.sidebar .sidebar-body{box-sizing:border-box;height:100%;padding:100px;display:flex;flex-direction:column;justify-content:space-between}.sidebar .sidebar-body .sidebar-nav{display:flex;flex-direction:column;font-size:56px;gap:12px;margin-top:80px}.sidebar .sidebar-body .sidebar-nav .sidebar-header{color:#999;border-bottom:1px solid #999;text-transform:uppercase;font-size:11px;margin-bottom:40px}.sidebar .sidebar-body .sidebar-nav a{text-decoration:none;color:#efe3de;font-weight:300}.sidebar .sidebar-footer{display:flex;width:100%;justify-content:space-between;font-size:12px;gap:40px;cursor:pointer}.sidebar .sidebar-footer a{text-decoration:none;color:#efe3de;font-weight:300}.sidebar .sidebar-footer a:after{background:none repeat scroll 0 0 transparent;content:"";display:block;height:2px;margin-top:4px;left:50%;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.sidebar .sidebar-footer a:hover:after{width:100%}@media(max-width:768px){.topbar{display:none;transition:opacity .3s ease-in-out}.hamburger-button{transform:scale(1)!important}.sidebar{width:100vw}.sidebar .sidebar-body{padding:70px}.sidebar .sidebar-body .sidebar-nav{gap:8px;font-size:3rem}.sidebar .sidebar-footer{gap:10px;font-size:.6rem}}.link{position:relative;display:flex;align-items:center}.link .indicator{width:10px;height:10px;background-color:#efe3de;border-radius:50%;position:absolute;left:-30px}