@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300&display=swap");body,html{overflow-x:hidden;height:100%;margin:0;font-family:Open Sans,sans-serif}a{text-decoration:none}a,h1,p{color:#fff}.primary-header{align-items:center;justify-content:space-between}.navbar{position:fixed;width:300px;height:100%;right:0;margin:none;border-radius:16px;background-color:rgba(0,0,0,.5)}.navList{padding:min(30vh,15rem) 2em;--gap:4em}.nav-item{display:flex;gap:var(--gap,1rem);font-size:3.5vmin;list-style:none;color:#fff;cursor:pointer}.mobile-nav-toggle{position:absolute;transform:scale(.6);z-index:2000;width:5rem;top:1rem;right:2rem}.modal{z-index:9999;overflow-y:scroll;width:clamp(50%,700px,90%);height:min(50%,300px);margin:auto;padding:0 2rem;border-radius:12px;flex-direction:column}.back-drop,.modal{position:absolute;display:flex;align-items:center;justify-content:center}.back-drop{z-index:9900;top:0;left:0;right:0;bottom:0;height:100%;width:100%}.grey-gradient{height:100%;width:80%;border-radius:5%;background-color:rgba(0,0,0,.5)}.modal-text{z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.left-side-about-me{width:80%;height:82%;overflow-y:scroll;position:fixed}.about-me-middle,.left-side-about-me{display:flex;flex-direction:column;text-align:center;align-items:center}.about-me-middle{width:50%}.profile-picture{border-radius:50%;width:auto}.icon-tray{display:flex;width:30%;border-style:none;border-width:0;padding-left:10px;padding-right:10px;background-clip:content-box;align-items:center;justify-content:space-between}@media (max-width:35em){.navbar{position:fixed;inset:0 0 0 40%;width:60%;height:100%;margin:none;border-radius:16px;background-color:rgba(0,0,0,.5)}.navList{padding:min(30vh,15rem) 2em;--gap:4em}.nav-item{display:flex;gap:var(--gap,1rem);font-size:20px;list-style:none;color:#fff;cursor:pointer}.mobile-nav-toggle{position:absolute;z-index:2000;width:5rem;transform:scale(.6);border:0;aspect-ratio:1;top:2rem;right:0}.icon-tray{display:flex;width:65%;border-style:none;border-width:0;padding-left:10px;padding-right:10px;background-clip:content-box;align-items:center;justify-content:space-between}}.projects-text{z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80%;width:100%}.word-cloud{height:50%;width:50%}.gallery-canvas,.mainCanvas{position:absolute!important;height:100%!important}.video-container{width:100%;height:100%;object-fit:cover;position:fixed;z-index:-1}.social_pic{width:auto;margin-bottom:30px}.main-page-content{color:#fff;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Open Sans}@media (prefers-color-scheme:dark){html{color-scheme:dark}}label{display:flex;flex-direction:column;width:70px;cursor:pointer}label span{background:#fff;border-radius:10px;height:7px;margin:7px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}span:first-of-type{width:50%}span:nth-of-type(2){width:100%}span:nth-of-type(3){width:75%}input[type=checkbox]{display:none}input[type=checkbox]:checked~span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(8px)}input[type=checkbox]:checked~span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}input[type=checkbox]:checked~span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(30px,-11px) rotate(45deg)}.close{z-index:99999;position:absolute;width:60px;height:60px;top:2rem;right:2rem;background:#000;border-radius:50%;box-shadow:0 0 20px -5px hsla(0,0%,100%,.5);transition:.25s ease-in-out;cursor:pointer;animation:fade-in .5s ease-out .25s both}@keyframes fade-in{0%{opacity:0;transform:scale(1.1)}}.close .circle path{stroke:#fff;fill:none;stroke-width:1px;stroke-linecap:round;animation:progress .5s ease-out .25s both}@keyframes progress{0%{stroke-dasharray:0 100}}.close span{display:block;width:13px;height:2px;background:#fff;box-shadow:0 0 20px -5px hsla(0,0%,100%,.5);border-radius:20px;position:absolute;transition:.25s ease-in-out;animation:slide-in .5s ease-in-out .25s both}@keyframes slide-in{0%{width:0}}.close span:first-child{top:19px;left:20px;transform:rotate(45deg);transform-origin:top left}.close span:nth-child(2){top:19px;right:20px;transform:rotate(-45deg);transform-origin:top right}.close span:nth-child(3){bottom:19px;left:20px;transform:rotate(-45deg);transform-origin:bottom left}.close span:nth-child(4){bottom:19px;right:20px;transform:rotate(45deg);transform-origin:bottom right}.close:hover{background:#37474f}.close:hover span{width:15px}.project-btn{width:220px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;justify-content:center;align-items:center}.project-btn:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.project-btn:active{color:#000}.project-btn:active:after{background:transparent}.project-btn:hover:before{opacity:1}.project-btn:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}