.panels{display:flex}.App{overflow-x:hidden}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto}html{scroll-behavior:smooth}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #4a90e2;outline-offset:2px}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}@media screen and (max-width: 480px){html{font-size:14px}}@media screen and (min-width: 481px) and (max-width: 768px){html{font-size:15px}}@media screen and (min-width: 769px){html{font-size:16px}}a{margin:10px;text-decoration:none;color:#000}.container{display:flex;width:100vw;height:100vh;max-width:100vw!important;background-color:#d9c0c9;overflow:hidden;margin:0;padding:0;box-sizing:border-box}.intro-text{position:relative;font-size:18px;width:100%;padding:20px;text-align:center;box-sizing:border-box}.topper{text-transform:lowercase;text-align:center;font-size:20px;font-weight:400}.text{text-align:center;margin-top:30px;color:#61524a;line-height:1.6}.title{font-family:Neonderthaw;font-weight:400;font-size:60px;color:#61524a;text-align:center;position:relative}.label{text-transform:uppercase;text-align:center;letter-spacing:.3em;display:block;font-weight:800;font-size:12px;margin-top:10px}p{margin-top:20px;margin-left:0;padding:0}.panel{background-color:#f4ebdc;width:100%;height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.img-panel{display:none}.portrait{height:300px;width:250px;visibility:visible;object-fit:cover;border-radius:10px}.home{position:absolute;top:30px;left:30px;z-index:10;font-family:Megrim;font-size:28px;color:#000;margin:0}.menu{width:50px;float:right;padding-top:20px}.resume{background-color:#d9c0c9;border-radius:20px;padding:12px 20px;margin:30px auto;display:inline-block;text-decoration:none;color:#61524a;font-weight:600;transition:all .3s ease}.resume:hover{background-color:#c5a8b3;transform:translateY(-2px)}@media screen and (min-width: 768px){.container{flex-direction:row}.intro-text{font-size:20px;text-align:left;padding:40px;width:100%;display:flex;flex-direction:column;justify-content:center}.topper{text-align:left;font-size:22px;margin-top:80px}.text{text-align:left;margin-top:40px;max-width:90%}.title{font-size:70px;text-align:left;margin-left:0;padding-left:0}.label{text-align:left;letter-spacing:.4em;font-size:13px;margin-left:60px;margin-top:-10px}.panel{width:60%;height:100vh;align-items:flex-start;padding:0}.img-panel{display:flex;width:40%;height:100vh;align-items:center;justify-content:center;background-color:#d9c0c9}.portrait{height:400px;width:320px;margin:0}p{margin-left:0;padding:0}.home{top:30px;left:40px;font-size:32px}}@media screen and (min-width: 1024px){.intro-text{font-size:20px;padding:60px}.title{font-size:80px}.label{letter-spacing:.5em;font-size:14px;margin-left:80px}.portrait{height:450px;width:370px}.home{font-size:35px;left:60px}.text{max-width:85%}}@media screen and (min-width: 1440px){.intro-text{padding:80px}.title{font-size:90px}.portrait{height:500px;width:400px}.text{max-width:80%}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-f7b9c306.woff) format("woff"),url(/assets/revicons-4ca02b8a.ttf) format("ttf"),url(/assets/revicons-9e4d4c68.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.photo{width:200px;height:200px;margin:0 auto 15px;display:block;object-fit:cover;border-radius:10px}.slide-container{width:100%;max-width:100%!important;height:auto;min-height:350px;overflow:hidden;padding:20px 0}h4{text-align:center;color:#fff;font-size:18px;margin:10px 0}p{text-align:center;color:#fff;font-size:14px;line-height:1.4;margin:0;padding:0 10px}.react-multi-carousel-list{width:100%}.item{display:block;text-align:center;padding:20px 10px}.project{padding:15px;border-radius:15px;transition:transform .3s ease;height:100%;display:flex;flex-direction:column;align-items:center}.project:hover{transform:translateY(-5px)}.react-multiple-carousel__arrow--left{left:calc(2% + 1px);background-color:#ffc0cbcc;border-radius:50%}.react-multiple-carousel__arrow--right{right:calc(2% + 1px);background-color:#ffc0cbcc;border-radius:50%}.react-multiple-carousel__arrow:hover{background:rgba(174,107,107,.9)}.react-multiple-carousel__arrow:after{color:#fff;font-size:16px}@media screen and (min-width: 768px){.photo{width:220px;height:220px;margin-bottom:20px}.slide-container{min-height:400px;padding:30px 0}h4{font-size:20px}p{font-size:16px;padding:0 15px}.item{padding:30px 15px}.project{padding:20px}}@media screen and (min-width: 1024px){.photo{width:250px;height:250px}.slide-container{min-height:450px}h4{font-size:22px}.item{padding:40px 20px}}.tabs-container{display:flex;flex-direction:column;width:100%;background-color:#9f607b;border-radius:20px;height:fit-content;max-height:none;min-height:400px}.tabs{display:flex;flex-direction:row;margin:0;flex-wrap:wrap;padding:10px;gap:5px}.tab.horizontal{margin:5px;display:flex;color:#fff;padding:10px 15px;border-radius:10px;cursor:pointer;transition:background-color .3s ease;font-size:14px;align-items:center;justify-content:center;flex:1;min-width:120px}.tab.horizontal.active{background-color:#d282a4}.tab.horizontal:hover{background-color:#b8537a}.tab-content{padding:20px;width:100%;color:#fff;box-sizing:border-box;flex-grow:1}.backdrop{max-width:1000px;width:100%;margin:auto;border-radius:20px;min-height:400px;height:100%}.background{min-height:100vh;background-color:#e9c0c9;display:flex;justify-content:center;align-items:center;width:100vw;overflow-x:hidden;box-sizing:border-box;flex-direction:column;padding:40px 20px}.h2{margin-top:20px;margin-left:0;font-size:36px;color:#f4ebdc;text-align:center;margin-bottom:30px}@media screen and (min-width: 768px){.background{padding:60px 40px}.h2{margin-left:60px;text-align:left;font-size:42px}.tab.horizontal{font-size:16px;padding:12px 20px;min-width:140px}.tabs{padding:15px;gap:10px}.tab-content{padding:25px}}@media screen and (min-width: 1024px){.background{padding:80px 60px}.h2{margin-left:80px;font-size:45px}.tab.horizontal{font-size:18px;padding:15px 25px;min-width:160px}.backdrop{max-width:900px}}@media screen and (min-width: 1440px){.background{padding:100px 80px}}.tabs-container-v{width:100%;display:flex;flex-direction:column}.tabs-v{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab{cursor:pointer;padding:10px 15px;background-color:#9f607b;border-radius:15px;text-align:center;transition:background-color .3s ease;font-size:14px;flex:1;min-width:100px}.tab.vertical{background-color:#925871}.tab.active.vertical{background-color:#d282a4}.tab:hover{background-color:#b8537a}.tab-content-v{padding:10px 0;width:100%}@media screen and (min-width: 768px){.tabs-container-v{flex-direction:row;gap:20px}.tabs-v{flex-direction:column;flex-wrap:nowrap;min-width:150px;margin-bottom:0}.tab{font-size:16px;padding:12px 20px;margin-bottom:10px;min-width:auto;flex:none}.tab-content-v{flex:1;padding:0 20px}}@media screen and (min-width: 1024px){.tabs-v{min-width:180px}.tab{font-size:18px;padding:15px 25px}}.container-contact{min-height:100vh;background-color:#a7a5c2;display:flex;width:100vw;max-width:100vw!important;overflow-x:hidden;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}.container-contact h2{font-size:36px;color:#f4ebdc;text-align:center;margin-bottom:30px}.message textarea{height:120px;width:100%;resize:vertical;min-height:100px}.message{width:100%}.contact-form{width:800px}.personal{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;width:100%}.personal input{width:100%;height:50px;display:flex;align-items:center;box-sizing:border-box}.msg.field{font-size:18px;padding:15px}.field{background-color:#c6d8d3;border-radius:15px;padding:12px 15px;font-size:18px;line-height:1.2;width:100%;box-sizing:border-box;border:2px solid #637B8B;font-family:Manjari;transition:border-color .3s ease}.field:focus{outline:none;border-color:#4a6b7a}input::placeholder,textarea::placeholder{font-size:16px;color:#666}form{margin:0 auto;display:flex;align-items:center;flex-direction:column;width:100%;max-width:600px}.submit{border:none;border-radius:10px;width:100%;height:50px;background-color:#637b8b;color:#fff;font-family:Manjari;font-size:18px;cursor:pointer;margin-top:20px;transition:all .3s ease}.submit:hover{background-color:#556a78;transform:translateY(-2px)}.icons{margin:30px 0;display:flex;gap:20px}.icons img{width:40px;height:40px;transition:transform .3s ease}.icons img:hover{transform:scale(1.1)}@media screen and (min-width: 768px){.container-contact{padding:60px 40px}.container-contact h2{font-size:42px}.personal{flex-direction:row;gap:20px}.personal input{max-width:none}.message textarea{height:150px;width:100%}.field{font-size:20px;padding:15px 20px}.msg.field{font-size:20px}input::placeholder,textarea::placeholder{font-size:18px}form{max-width:800px}}@media screen and (min-width: 1024px){.container-contact{padding:80px 60px}.container-contact h2{font-size:45px}.icons img{width:45px;height:45px}form{max-width:900px}}@media screen and (min-width: 1440px){.container-contact{padding:100px 80px}form{max-width:1000px}}.container-skills{min-height:100vh;background-color:#f4ebdc;display:flex;width:100vw;flex-direction:column;padding:40px 20px;box-sizing:border-box;align-items:center;justify-content:center}.images img{width:60px;height:60px;margin:15px;object-fit:contain;transition:transform .3s ease}.images img:hover{transform:scale(1.1)}.header-skills{color:#826f8b;font-size:36px;text-align:center;margin-bottom:40px}.images{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;align-items:center;max-width:400px;width:100%}@media screen and (min-width: 768px){.container-skills{padding:60px 40px}.images{grid-template-columns:repeat(4,1fr);max-width:600px;gap:25px}.images img{width:70px;height:70px;margin:10px}.header-skills{font-size:42px}}@media screen and (min-width: 1024px){.container-skills{padding:80px 60px}.images{grid-template-columns:repeat(5,1fr);max-width:800px;gap:30px}.images img{width:80px;height:80px;margin:15px}.header-skills{font-size:45px}}@media screen and (min-width: 1440px){.container-skills{padding:100px 80px}.images{max-width:1000px}.images img{width:85px;height:85px;margin:20px}}.sections{height:100vh}.wrapper{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.section{min-height:100vh;width:100vw;max-width:100vw!important;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.footer{width:100vw;background-color:#89879d;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}@media screen and (min-width: 768px){.footer{height:100px;font-size:16px}}@media screen and (min-width: 1440px){.footer{font-size:18px}}.container-project{background-color:#a7a5c2;display:flex;width:100vw;max-width:100vw!important;align-items:center;justify-content:center;overflow-x:hidden;flex-direction:column;min-height:100vh;padding:40px 20px;box-sizing:border-box}img{padding:0;margin:0}.container-project a{align-self:center}h2{margin-top:20px;margin-left:0;margin-bottom:30px;align-self:center;font-size:36px;color:#f4ebdc;text-align:center}.all-projects{width:200px;color:#fff;align-self:center;background-color:#c6d8d3;border:none;height:50px;border-radius:30px;font-size:18px;cursor:pointer;font-family:Manjari;margin-top:20px;transition:all .3s ease}.all-projects:hover{background-color:#b5c7c2;transform:translateY(-2px)}@media screen and (min-width: 768px){.container-project{padding:60px 40px}h2{margin-left:60px;align-self:flex-start;font-size:42px}}@media screen and (min-width: 1024px){.container-project{padding:80px 60px}h2{margin-left:80px;font-size:45px}.all-projects{width:180px}}@media screen and (min-width: 1440px){.container-project{padding:100px 80px}}.banner-container{position:relative;max-width:100%;width:100%;height:200px;overflow:hidden;margin-bottom:20px}.cont{position:relative;max-width:100%;width:100%}.image-container{width:100%;height:180px;position:relative}.shadow-box{position:absolute;top:15px;left:15px;width:100%;height:180px;background-color:#845368;border-radius:10px;z-index:0}.image{width:100%;height:100%;object-fit:cover;display:block;padding:0;margin:0;border-radius:10px;position:relative;z-index:1}.overlay{position:absolute;bottom:15px;right:15px;background-color:#9f607be6;padding:10px 15px;color:#fff;font-size:14px;border-radius:5px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;max-width:60%;z-index:2}.overlay h3{margin:0 0 5px;font-size:16px}.desc{margin:0;font-size:12px;line-height:1.3}@media screen and (min-width: 768px){.banner-container{max-width:700px;height:220px}.image-container{height:200px}.shadow-box{top:20px;left:20px;height:200px}.overlay{bottom:20px;right:20px;padding:12px 18px;font-size:15px}.overlay h3{font-size:18px}.desc{font-size:13px}}@media screen and (min-width: 1024px){.banner-container{max-width:900px;height:250px}.image-container{height:200px}.overlay{bottom:50px;padding:15px 20px;font-size:16px}.overlay h3{font-size:20px}.desc{font-size:14px}}.project-container{padding:40px 20px;margin:auto;width:100%;max-width:1200px;height:fit-content;display:flex;flex-direction:column;gap:30px}.projects{margin-left:0;font-size:36px;font-family:Manjari;text-align:center;margin-bottom:30px}.project-background{background-color:#dac0c9;min-height:100vh;padding:20px;box-sizing:border-box}.project-background .home{font-family:Megrim;font-size:28px;color:#000;margin:0;padding:20px;text-decoration:none;display:inline-block}@media screen and (min-width: 768px){.project-container{padding:60px 40px;gap:40px}.projects{margin-left:60px;font-size:50px;text-align:left}.project-background{padding:40px}.project-background .home{font-size:32px;padding:30px}}@media screen and (min-width: 1024px){.project-container{padding:60px}.projects{margin-left:100px;font-size:60px}.project-background .home{font-size:35px}}.project-title{color:#000;padding-left:20px;margin:10px 0;font-size:28px}.projects-container{background-color:#f4ebdc;margin:0;min-height:100vh;padding:20px;box-sizing:border-box}.project-desc{font-size:18px;padding-bottom:60px;margin:20px;line-height:1.6}.image-on-page{width:100%;max-width:90vw;height:auto;margin-bottom:30px;border-radius:10px}.image-page{display:flex;justify-content:center;align-items:center;margin:20px 0}.project-title h2{margin:0;padding:0}.button-title{display:flex;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.back-button{width:40px;height:40px;cursor:pointer;transition:transform .3s ease}.back-button:hover{transform:scale(1.1)}@media screen and (min-width: 768px){.projects-container{padding:40px}.project-desc{font-size:22px;margin:30px 60px;padding-bottom:100px}.project-title{padding-left:30px;font-size:32px}.image-on-page{max-width:80vw;margin-bottom:40px}.button-title{margin-bottom:40px}.back-button{width:45px;height:45px;margin-left:10px}}@media screen and (min-width: 1024px){.project-desc{font-size:25px;margin:30px 120px;padding-bottom:150px}.project-title{padding-left:50px;font-size:36px}.image-on-page{max-width:70vw;margin-bottom:50px}.back-button{width:50px;height:50px;margin-left:20px}}@media screen and (min-width: 1440px){.project-desc{margin:30px 150px;padding-bottom:200px}}.header{display:flex;justify-content:space-between;align-items:center;width:100%}.header.fixed{position:relative;top:0;left:0;right:0;z-index:10}.home{font-family:Megrim;font-size:35px;color:#000;margin:0}.menu{width:60px;opacity:60%;margin-left:auto;margin-right:50px}body{font-family:Manjari;color:#61524a}