@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif;color:var(--text-black)}:root{--text-black: #333332;--primary-color: #a79277;--secondary-color: #d1bb9e;--tertiary-color: #ead8c0;--quaternary-color: #fff2e1;--blue-color: #2e86ab;--green-color: #69d40b;--green-primary: #344c3d;--green-secondary: #738a6e;--green-third: #8ea58c;--green-fourth: #bfcfbb;--green-fifth: #bfcfbb;--purple-primary: #4f3466;--purple-secondary: #947cac;--purple-third: #a580a6;--purple-fourth: #cabcd7;--purple-fifth: #d2c9d4;--blue-primary: #395886;--blue-secondary: #628ecb;--blue-third: #8aaee0;--blue-fourth: #b1c9ef}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.preloader{background-color:var(--purple-third);width:100%;height:100%;z-index:10000;position:fixed;opacity:1}.preloader-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.loading{display:flex;justify-content:center;align-items:center}.circle{width:10px;height:10px;border-radius:50%;margin:6px;background-color:var(--green-color);animation:load 1s ease-in-out infinite}.circle:nth-child(2){animation-delay:.1s}.circle:nth-child(3){animation-delay:.2s}@keyframes load{0%{transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(0)}}.arrow-svg-wrapper{position:absolute;top:90%;opacity:0;left:50%;transform:translate(-50%,-50%);animation:bounce .5s ease-in alternate infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(10px)}}.animatedis{display:inline-block;transform:translateY(100%)}.intro-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:500;font-size:16px}.toggle-bar{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;top:48px;right:48px;z-index:1000}.sun-wrapper,.moon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.toggle-button:hover .toggle-circle{width:16px;height:16px}.page{z-index:99995;width:100%;height:100vh;overflow:hidden}.page-wrapper{position:relative}.section-margin{height:2500px;width:100%}.section{width:50%;margin:0;overflow:hidden;background-color:var(--secondary-color);position:relative}.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.progress-wrapper{height:0;width:12px;z-index:9999}.progress-bar-wrapper-left{position:absolute;top:0;left:0}.progress-bar-wrapper-right{position:absolute;top:0;right:0}.progress-bar{height:100vh;width:100%;background-color:var(--green-fourth);transform-origin:top center;transform:scaleY(1)}.section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--tertiary-color)}.section-detail-wrapper{position:relative;padding:20% 5%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-heading{width:100%;font-size:18px;font-weight:700;line-height:1.8;margin-top:64px}.section-text{line-height:2;margin-top:18px;font-size:16px}.section-title{position:relative;color:var(--tertiary-color)}.section-title-text{display:block;font-size:40px;font-weight:500;transform-origin:left;transform:skewY(25deg);z-index:5;text-transform:uppercase}.s1,.s2,.s3{position:absolute;display:block;width:100%;max-width:278px;height:60px;border:1px solid var(--tertiary-color);transform-origin:left;transform:skewY(-25deg)}.s1{top:0}.s2{top:80px}.s3{top:80px;transform:skewY(25deg);background-color:var(--tertiary-color)}.section-number{position:absolute;bottom:15px;right:0;color:var(--tertiary-color);font-size:20px}.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:calc(100% - 160px);margin:0 auto;max-width:1400px}.hero-main{position:absolute;bottom:168px;left:0}.hero-second{position:absolute;top:40%;right:0}.hero-main-title{font-size:64px}.hero-main-description{font-size:24px}.hero-second-subheading{font-size:32px;text-transform:uppercase}.first-section{background-color:var(--green-primary);color:var(--green-fourth);padding:300px 4%}.gren-text{color:var(--green-fourth)}.gren-border{border-color:var(--green-fourth)}.gren-background{background-color:var(--green-fourth)}.title-header-gren{color:var(--green-third)}.second-section{background-color:var(--blue-fourth);color:var(--text-black);padding:600px 4%}.blue-text{color:var(--blue-primary)}.blue-border{border-color:var(--blue-primary)}.blue-background{background-color:var(--blue-primary)}.title-header-blue{color:var(--blue-primary)}.third-section{background-color:var(--purple-primary);color:var(--purple-fourth);padding:800px 4%}.green-text{color:var(--purple-fourth)}.green-border{border-color:var(--purple-fourth)}.green-background{background-color:var(--purple-fourth)}.pfp-container{display:flex;justify-content:center;align-items:center;width:100%}.pfp-image{width:360px;height:360px;object-fit:cover;border-radius:50%;border:5px solid var(--green-third);box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;transition:transform .3s ease}.project-holder{display:flex;flex-direction:column!important;gap:7rem}.project{display:flex;align-items:center;gap:2rem}.project:nth-child(odd){flex-direction:row}.project:nth-child(2n){flex-direction:row-reverse}.project-details{display:flex;flex-direction:column;gap:12px;width:60%;word-spacing:.2em}.project-overview{position:relative;width:100%;height:12rem;transition:all .3s ease-in-out;border-radius:10px;border:3px solid var(--blue-primary);transition:transform .3s ease}.project-overview:hover{transform:scale(1.03)}.project img{position:relative;width:100%;height:100%;border-radius:5px;object-fit:cover;z-index:1}.project-title{font-size:28px;font-weight:700}.project-description{font-size:18px;line-height:1.25}.p-overlay{position:absolute;width:100%;height:100%;z-index:2;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer}.p-overlay p{position:absolute;bottom:1rem;left:1rem;color:#ffffffe6;font-size:15px;font-weight:400}.project-overview:hover .p-overlay{opacity:0}.project-overview:hover{scale:1.015;box-shadow:0 0 12px #0003}.project-dialog{display:none;padding:3%;position:fixed;width:100vw;height:100vh;z-index:99996;gap:1.5rem;background-color:#0003}.project-info{overflow-y:auto;max-height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;width:25%;height:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:5px;color:#fffc}.project-details-description{line-height:1.8}.info-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.65rem;border-bottom:1px solid rgb(255,255,255,.8)}.info-header svg{cursor:pointer;height:1.5rem;width:1.5rem;fill:#fff;opacity:.5;transition:all .1s ease-in-out}.info-header svg:hover{opacity:1}.icons-container{margin-top:auto}.icons-holder{display:flex;gap:1rem;border-top:1px solid rgb(255,255,255,.8);padding-top:1rem;margin-top:1rem}.project-carousel{width:75%;height:100%;border-radius:5px;background-color:#000}ul.slides{display:block;position:relative;height:88.7vh;margin:0;padding:0;overflow:hidden;list-style:none;border-radius:5px}.slides *{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}ul.slides input{display:none}.slide-container{display:block}.slide-image{display:block;position:absolute;width:100%;height:100%;top:0;opacity:0;transition:all .7s ease-in-out;cursor:pointer}.slides:hover .image-desc{opacity:1}.image-desc{transition:all .3s ease-in-out;position:absolute;opacity:0;width:100%;height:100%;z-index:12;color:#ffffffe6;background:linear-gradient(180deg,#0000,#000 200%)}.text-info{position:absolute;bottom:10%;left:5%}.image-desc p{margin:0;margin-top:.3rem}.image-desc h2{font-weight:200;font-size:35px;color:#ffffffe6;margin:0}.slide-image img{width:auto;min-width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.carousel-dots{position:absolute;left:0;right:0;bottom:20px;z-index:999;text-align:center}.carousel-dots .carousel-dot{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#fff;opacity:.5;margin:10px;cursor:pointer}input:checked+.slide-container .slide-image{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out}input:checked+.slide-container .carousel-controls label{display:block}input#img-1:checked~.carousel-dots label#img-dot-1,input#img-2:checked~.carousel-dots label#img-dot-2,input#img-3:checked~.carousel-dots label#img-dot-3,input#img-4:checked~.carousel-dots label#img-dot-4,input#img-5:checked~.carousel-dots label#img-dot-5,input#img-6:checked~.carousel-dots label#img-dot-6{opacity:1}input:checked+.slide-container .nav label{display:block}.project-image{cursor:pointer}.buttons-container{width:100%;display:flex;align-items:center;justify-content:space-between}.Btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:relative;border-radius:7px;cursor:pointer;transition:all .3s;flex-shrink:0}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);letter-spacing:.8px;border-radius:10px;transition:all .3s;border:1px solid rgba(156,156,156,.466);z-index:6}.BG{position:absolute;content:"";width:100%;height:100%;background:var(--text-black);z-index:5;border-radius:10px;pointer-events:none;transition:all .3s}.Btn:hover .BG{transform:rotate(35deg);transform-origin:bottom}.details-image{object-fit:cover;object-position:center}.Btn:hover .svgContainer{background-color:#9c9c9c77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-link{display:inline-block;border-radius:7px;color:#fff;font-weight:500;background-color:var(--blue-primary);text-align:center;font-size:16px;padding:12px;width:100%;height:100%;transition:all .5s;cursor:pointer;margin-right:6px}.project-link span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.project-link span:after{content:"»";position:absolute;opacity:0;top:0;right:-15px;transition:.5s}.project-link:hover span{padding-right:15px}.project-link:hover span:after{opacity:1;right:0}.badges-container{display:flex;flex-direction:row;width:100%;gap:12px}.badge{padding:4px;border:1px solid;border-radius:50px;text-align:center;min-width:60px;font-weight:500}.wrapper{display:inline-flex;list-style:none;height:120px;width:100%;padding-top:40px;font-family:Poppins,sans-serif;justify-content:center}.wrapper .icon{position:relative;background:var(--purple-fifth);border-radius:50%;margin:10px;width:70px;height:70px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#fff;color:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px #0000001a;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.section-heading{text-align:left}.wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.contact-svg{fill:var(--purple-primary)}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before{background:var(--tertiary-color);color:var(--text-black)}.wrapper .resume:hover,.wrapper .resume:hover .tooltip,.wrapper .resume:hover .tooltip:before{background:var(--tertiary-color);color:var(--text-black)}.wrapper .facebook:hover .contact-svg{fill:#fff}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip:before{background:var(--tertiary-color);color:var(--text-black)}.wrapper .twitter:hover .contact-svg{fill:#fff}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip:before{background:var(--tertiary-color);color:var(--text-black)}.wrapper .instagram:hover .contact-svg{fill:#fff}.icons-holder{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.actual-icon{text-align:center;width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}@media (max-width: 968px){.section{width:100%;padding:600px 6%}.progress-bar-wrapper-left{right:0;left:auto}.hero-main{bottom:120px}.hero-second{top:160px}.hero-wrapper{width:calc(100% - 60px)}.hero-main-title{font-size:32px}.hero-main-description,.hero-second-subheading{font-size:18px}.facts{font-size:15px}#logo{width:75px}.pfp-image{width:300px;height:300px}.project-overview{width:100%}.project:nth-child(odd){flex-direction:column}.project:nth-child(2n){flex-direction:column}.project-details{width:100%}.badges-container{display:none}.project-title{text-align:center}.badges-container{font-size:1rem;flex-direction:column;align-items:center}.badge{width:50%}.buttons-container{flex-direction:column}.Btn{width:100%;margin-top:12px}.project-link{margin:0}.wrapper .icon{width:60px;height:60px}.project-dialog{flex-direction:column}.slide-image{height:30%}.text-info,.text-info h2{font-size:1rem}.project-carousel{width:100%;height:30%}.project-info{width:100%;height:70%}.carousel-dots{height:70%}.Btn:hover .BG{transform:none}.Btn:hover .svgContainer{background-color:initial;-webkit-backdrop-filter:none;backdrop-filter:none}}