header{padding:40px 0 0 40px;width:20%;min-width:175px;height:100vh;box-sizing:border-box;position:fixed}header>h1{font-size:40px;margin:0 0 32px}nav{margin-top:80%}nav>ul{list-style:none;padding:0;margin:0}nav>ul>li{margin-bottom:15px}header svg{fill:#333;color:#333}.portfolio-sub-links{list-style:none;padding-left:20px;margin-top:5px}.portfolio-sub-links li{width:max-content}.portfolio-sub-links a{text-decoration:none;color:inherit;display:flex;align-items:center;margin-bottom:5px}.portfolio-span{cursor:pointer}.portfolio-span svg{margin-left:5px;width:10px}.main-link-sections{text-decoration:none;color:inherit}.social-links-container{display:flex;position:fixed;bottom:30px}.social-links{list-style:none;padding:0;display:flex;gap:10px;align-items:center;margin-top:20px}.social-links li{width:15px}.share-link{text-decoration:none;color:#000;font-size:10px}.copyright{font-size:12px;position:fixed;bottom:25px}.font-weight-bold{font-weight:700}.fill-black{fill:#000}.fill-white{fill:#fff}.hamburger-menu{display:none}@media (min-width: 601px){.show-nav{display:none}}@media (max-width: 600px){header{width:100%;height:100px;padding:20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:100;box-shadow:4px 3px 8px #0000001a}header>h1{margin:0;font-size:3rem}nav{margin-top:0;text-align:right}nav>ul{padding-right:20px}nav,.social-links-container,.copyright{display:none}.hamburger-menu{display:block;cursor:pointer}.show-nav{display:block;position:absolute;top:80px;left:0;width:100%;background-color:#fff;box-shadow:13px 13px 8px #0000001a}.portfolio-sub-links{display:flex;flex-direction:column;align-items:end;padding-right:10px}}#darkmode-label{width:40px;height:20px;position:relative;display:block;background:#ebebeb;border-radius:20px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}#darkmode-label:after{content:"";width:18px;height:18px;position:absolute;top:1px;left:1px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:18px;box-shadow:0 5px 10px #0003;transition:.3s}#darkmode-toggle{width:0;height:0;visibility:hidden}#darkmode-toggle:checked+#darkmode-label{background:#242424}#darkmode-toggle:checked+#darkmode-label:after{left:39px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}@media (max-width: 600px){.toggle-container{display:flex;justify-content:end;padding-right:20px;padding-bottom:20px}}.photo-gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;padding:20px;box-sizing:border-box;width:80%;margin-left:max(20%,200px);margin-top:95px;max-width:1200px;margin-right:auto}.photo-wrapper{overflow:hidden;aspect-ratio:3/4}.photo-wrapper img{width:100%;height:100%;object-fit:cover;overflow:clip;transition:transform .5s ease}.photo-wrapper:hover img{transform:scale(1.2)}.customModal{max-width:600px!important;width:100%}@media (max-width: 1024px){.photo-gallery-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}}@media (max-width: 600px){.photo-gallery-container{grid-template-columns:1fr;margin-left:0;margin-top:120px;width:100%;padding:15px}.react-responsive-modal-modal{margin:0!important;padding:0!important}.customModal{max-width:450px!important;width:100%}.customModal>.photo-wrapper>img{margin-bottom:-4px}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.about-container{margin-left:max(20%,200px);display:flex;padding:90px 10px 10px;height:100vh;box-sizing:border-box}.about-social-links-container{display:none;justify-content:center}.about-info-section{padding:20px}.about-info-section p{font-size:19px}.about-photo-section img{height:80%}@media (max-width: 975px){.about-container{flex-direction:column;text-align:center}.about-photo-section img{height:100%}}@media (max-width: 600px){.about-container{margin-left:0;flex-direction:column;text-align:center}.about-social-links-container{display:flex}.about-photo-section{overflow:hidden}.about-photo-section img{width:100%;height:100%;object-fit:cover;overflow:clip}}.contact-container{margin-left:max(20%,200px);margin-top:65px;min-height:calc(100vh - 65px);display:flex;align-items:flex-start;transition:background-color .3s ease,color .3s ease;width:calc(100% - max(20%,200px))}.contact-inner-container{padding:40px;width:100%;max-width:1200px;display:flex;gap:40px;align-items:stretch}.contact-heading-container{border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:40px;transition:background-color .3s ease,color .3s ease;width:100%;box-sizing:border-box;flex:2}.txt-center{text-align:center;font-size:2.5rem;margin-bottom:30px;transition:color .3s ease}.contact-form-container{display:flex;justify-content:center;width:100%}.contact-form{width:100%;max-width:800px}.contact-form .form-row{display:flex;margin:0 0 32px;gap:24px;width:100%}.contact-form .form-row .input-data{width:100%;height:60px;position:relative}.contact-form .form-row .textarea{height:180px;margin-bottom:16px}.input-data input,.textarea textarea{display:block;width:100%;height:100%;border:2px solid;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease;box-sizing:border-box}.input-data input:focus,.textarea textarea:focus{box-shadow:0 0 0 4px #2d34361a}.input-data label{position:absolute;left:12px;top:-15px;padding:0 4px;font-size:14px;pointer-events:none;transition:all .3s ease;line-height:1;z-index:1}.input-data label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:2px;z-index:-1;transition:background-color .3s ease;background-color:var(--label-bg)}.textarea textarea{resize:none;padding-top:16px;min-height:180px;font-family:inherit}.form-container-btn{text-align:right;margin-top:0}.contact-form-button{padding:12px 32px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.contact-form-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.contact-form-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.mailing-list-container{border-radius:15px;padding:40px;text-align:center;border:none;transition:background-color .3s ease;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px}.mailing-list-container h2{font-size:2rem;margin-bottom:16px;color:#fff}.mailing-list-container p{font-size:1.1rem;color:#dfe6e9;margin-bottom:24px}.mailing-list-form{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:24px;width:100%}.input-style{padding:12px 20px;font-size:16px;border:2px solid;border-radius:8px;color:#fff;width:100%;max-width:300px;transition:all .3s ease}.input-style:focus{border-color:#fff;outline:none}.button-style{padding:12px 32px;font-size:16px;color:#2d3436;background-color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:0;width:100%;max-width:300px}.button-style:hover{background-color:#f1f2f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.success-message{text-align:center;padding:40px;border-radius:8px;transition:all .3s ease}.success-message h3{font-size:1.5rem;margin-bottom:16px;transition:color .3s ease}.success-message p{font-size:1.1rem;transition:color .3s ease}@media (max-width: 1024px){.contact-inner-container{flex-direction:column;gap:24px}.contact-heading-container{flex:none}.mailing-list-container{flex:none;min-height:auto}.mailing-list-form{flex-direction:row;justify-content:center}.input-style,.button-style{width:auto}.input-style{min-width:250px}}@media (max-width: 768px){.contact-container{margin-left:0;margin-top:110px;padding:0;width:100%}.contact-inner-container{padding:20px;margin:0;width:100%;box-sizing:border-box;flex-direction:column;gap:24px}.contact-heading-container{padding:24px}.txt-center{font-size:2rem}.contact-form .form-row{flex-direction:column;gap:24px;margin:0 0 24px}.contact-form .form-row .textarea{margin-bottom:24px}.mailing-list-form{flex-direction:column;align-items:center;gap:16px}.input-style{width:100%;min-width:unset}.button-style{width:100%}.form-container-btn{text-align:center}.contact-form-button{width:100%}}@font-face{font-family:Ambroise;src:url(/fonts/fonnts.com-Ambroise-Std-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ambroise;src:url(/fonts/fonnts.com-Ambroise-Std-.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ambroise;src:url(/fonts/fonnts.com-Ambroise-Std-Demi-.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Ambroise;src:url(/fonts/fonnts.com-Ambroise-Std-Extra-Bold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}#root{display:flex}body{margin:0;font-family:Ambroise,serif;font-weight:300}.main-background{width:100vw;height:100%;position:fixed;overflow-y:scroll;transition:.5s;font-family:Ambroise,serif;font-weight:300}*{font-family:Ambroise,serif!important;font-weight:300}