.App{background-color:#fefefe;height:100%;width:100%}.active{color:#d4af37}nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#32612d 45%,#fff 0%);position:sticky;top:0;height:100px;z-index:1000}nav .title{font-size:1.5rem;font-weight:700;margin:4rem;text-decoration:none;color:#fff}nav ul{display:flex}nav ul.open{display:flex;background-color:#fff;width:100%}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#000;padding:1rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{color:#d4af37}nav .menu{display:none;position:absolute;top:1em;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#d4af37;border-radius:.2rem}@media (max-width: 480px){nav .menu{display:flex}nav{background:linear-gradient(to right,#fff 40% 0%);flex-direction:column;align-items:start;height:70px}nav ul{display:none}nav .title{margin:1rem;color:#000}nav ul li a{padding:.9rem;font-size:.7rem}}.button{border:2px solid #32612D;padding:6px 28px;text-align:center;text-decoration:none;display:flex;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:100px;transition:background-color .3s ease}.button-resume{border:2px solid #D4AF37;background-color:#d4af37;color:#fff}.button-resume:hover{border:2px solid #32612D;background-color:#fff;color:#000}.button-projects{background-color:#fff;color:#000}.button-projects:hover{border:2px solid #D4AF37;background-color:#d4af37;color:#fff}.info{font-size:15px;margin-left:15px;margin-right:15px;margin-bottom:20px;color:#fff}.info-mobile{font-size:0px}.about-box{width:800px;height:600px;border-radius:20px;display:flex;box-shadow:-1px 6px 15px #0003}.box-left{flex:.5;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;display:flex;flex-direction:column;align-items:center}.box-right{flex:.5;background-color:#32612d;border-top-right-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column;align-items:center}.box-image{width:300px;height:300px;border-radius:50%;object-fit:cover;margin-top:50px}.box-left-text{color:#000;text-align:center;position:relative}.box-left-title{color:#000;margin-top:20px;font-weight:700;font-size:1.5rem;text-align:center;position:relative;padding-bottom:20px}.box-left-title-mobile{display:none;color:#000;margin-top:20px;font-weight:700;font-size:1.5rem;text-align:center;position:relative;padding-bottom:20px}.box-left-title-mobile:after{content:"";display:block;width:150px;height:2px;background-color:#d4af37;margin:10px auto 0}.box-left-title:after{content:"";display:block;width:150px;height:2px;background-color:#d4af37;margin:10px auto 0}.buttons{margin-top:20px;margin-bottom:20px;display:flex;gap:10px}.about-container{background:linear-gradient(to right,#32612d 45%,#fff 0%);display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.spacing{margin-bottom:10px}.typing{margin-top:50px;margin-bottom:20px;display:inline-block;overflow:hidden;white-space:nowrap;border-right:0px solid #000;animation:typing 1s steps(20,end)}.typing-text{font-weight:700;font-size:4rem;text-align:center;color:#fff}@keyframes typing{0%{width:0px}to{width:200px}}.header{color:#fff;margin-top:10px;font-size:1.5rem;text-align:center}@media (max-height: 480px) or (max-width: 480px){.info{margin-left:0;margin-right:0;margin-bottom:0;font-size:0px}.info-mobile{font-size:15px;margin-left:15px;margin-right:15px;margin-bottom:20px;color:#fff}.about-box{margin-top:20px;flex-direction:column;width:325px;box-shadow:none}.box-left{border-top-right-radius:20px;border-bottom-right-radius:20px;box-shadow:-1px 6px 15px #0003}.box-right{background-color:#32612d}.box-left-text,.box-left-title{display:none}.box-left-title-mobile{display:block}.about-container{align-items:normal;background:linear-gradient(to bottom,#fff 40%,#32612d 0%);min-height:975px}.typing,.header{display:none}}.contact-container{background:linear-gradient(to right,#32612d 45%,#fff 0%);display:flex;align-items:center;justify-content:center;height:100vh;min-height:800px;width:100%;gap:40px}.contact-box{width:550px;min-height:475px;height:auto;border-radius:20px;display:flex;align-items:center;flex-direction:column;background-color:#fff;box-shadow:-1px 6px 15px #0003}.contact-box2{width:550px;height:290px;border-radius:20px;display:flex;align-items:center;flex-direction:column;background-color:#fff;box-shadow:-1px 6px 15px #0003}.contact-header{color:#000;font-size:1.75rem;font-weight:700;text-align:center;margin-top:20px}.contact-msg{font-size:1rem}.contact-list{font-size:1.5rem}.contact-spacing{margin-top:30px}ul.d{font-size:1.5rem;list-style-type:none}.formRow{margin-top:1rem;margin-bottom:1rem;position:relative;width:100%}.formInput{width:400px;height:3rem;padding:1rem;border:2px solid #32612D;border-radius:10px;box-sizing:border-box}textarea.formInput{min-height:6rem;resize:vertical}.errorMessage{color:red;font-size:.875rem;display:block;margin-top:.25rem;left:0;width:100%}.submit-button{margin:1rem auto 0;margin-bottom:20px;display:block;border:2px solid #32612D;background-color:#fff;color:#000;padding:6px 28px;text-align:center;text-decoration:none;display:flex;font-size:16px;cursor:pointer;border-radius:100px;transition:background-color .3s ease}.submit-button:hover{border:2px solid #D4AF37;background-color:#d4af37;color:#fff}.alert{padding:10px;margin-top:1em;border-radius:20px}.alert-success{color:#4caf50}.alert-error{color:#f44336}@media (max-height: 480px) or (max-width: 480px){.contact-box{width:350px;margin-top:30px}.contact-box2{margin-bottom:30px;width:350px}.formInput{width:300px}.contact-container{flex-direction:column;gap:0px;height:auto;max-height:1100px;background:linear-gradient(to right,#32612d 45% 0%)}}.projects-container{display:flex;flex-direction:column;align-items:center;overflow-y:hidden;height:auto;background:linear-gradient(to right,#32612d 45%,#fff 0%)}.projects-box{width:90%;max-width:1000px;border-radius:20px;max-height:600px;box-shadow:-1px 6px 15px #0003;display:flex}.projects-box-left{flex:.5;background-color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;border-top-left-radius:20px;border-bottom-left-radius:20px}.projects-box-right{flex:.5;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px}.projects-header{color:#fff;margin-right:860px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.title{margin-left:8%;font-weight:700;font-size:20px}.link{color:#d4af37;text-decoration:none}.description{font-size:15px;margin-top:2%;margin-left:8%}.role{font-size:16px;margin-left:8%}.sub-title{font-size:16px;margin-left:8%;margin-top:2%}ul.c{list-style-type:square;margin-left:8%}ul.c li::marker{color:#d4af37}.projects-spacing,.projects-spacing2,.projects-spacing3,.projects-spacing4,.projects-spacing5{margin-top:30px}.portfolio-spacing{margin:0}.image-gallery-wrapper{width:100%;max-width:475px;margin-right:50px;margin-left:50px}@media (max-height: 480px) or (max-width: 480px){.spacing{margin-top:0%}.projects-header{margin-top:2%;margin-bottom:2%;margin-right:60%;padding:0}.projects-container{background:linear-gradient(to right,#32612d 45% 0%);width:100%;overflow-x:hidden}.projects-box{flex-direction:column;width:90%;box-shadow:none}.projects-box-left{border-bottom-left-radius:0;border-top-right-radius:20px;margin-bottom:-1px}.projects-box-right{border-top-right-radius:0;border-bottom-left-radius:20px;align-items:left}.description{margin-top:5%;margin-left:6%;margin-right:6%}.title,.sub-title,.role{margin-left:6%}ul.c{margin-left:40px;margin-right:6%}.projects-spacing{margin-top:340px}.projects-spacing2{margin-top:265px}.projects-spacing3{margin-top:145px}.projects-spacing4{margin-top:200px}.image-gallery-wrapper{border-radius:20px}.portfolio-spacing{margin-top:20px}.projects-spacing5{margin-top:30px}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;height:100%;inset:0;position:fixed;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.resume-container{display:flex;flex-direction:column;align-items:center;overflow-y:hidden;height:auto;background:linear-gradient(to right,#32612d 45%,#fff 0%)}.header-with-button{display:flex;align-items:center;justify-content:center;gap:180px;width:100%;margin-right:385px}.header-button{width:160px;border:2px solid #D4AF37;padding:6px 28px;text-align:center;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:100px;background-color:#d4af37;transition:background-color .3s ease;color:#fff}.header-button:hover{border:2px solid #32612D;background-color:#fff;color:#000}.resume-box{width:90%;max-width:700px;border-radius:20px;box-shadow:-1px 6px 15px #0003;display:flex}.resume-box-left{flex:.5;background-color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;border-top-left-radius:20px;border-bottom-left-radius:20px}.resume-box-right{flex:.5;background-color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:right;border-top-right-radius:20px;border-bottom-right-radius:20px}.resume-header{color:#fff;margin-right:540px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.resume-header2{color:#fff;margin-right:615px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.resume-header3{color:#fff;margin-left:365px;margin-right:190px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.resume-header4{color:#fff;margin-right:490px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.resume-header5{color:#fff;margin-right:575px;font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.position{margin-left:14%;font-weight:700;font-size:20px}.date{font-size:19px;margin-left:14%}.text{margin-left:14%}.mobile-text{display:none}.pc-text{display:flex;margin-top:10px;margin-left:14%}.paragraph{font-size:15px;margin-top:8%;margin-bottom:8%;margin-right:14%}.spacing2{margin-top:25px}.spacing3{margin-top:10px}.spacing4{margin-top:6px}.list-spacing{margin-top:20px}ul.a{list-style-type:square;margin-left:65px}ul.a li::marker{color:#d4af37}ul.b{list-style-type:square;margin-left:65px;font-size:19px;margin-bottom:10px}ul.b li::marker{color:#d4af37}@media (max-height: 480px) or (max-width: 480px){.header-button{width:100px}.header-with-button{margin-right:50px;margin-left:0;gap:90px}.spacing{margin-top:0%}.list-spacing{margin-top:0}.resume-container{background:linear-gradient(to right,#32612d 45% 0%);width:100%;overflow-x:hidden}.resume-box{flex-direction:column;width:90%;box-shadow:none}.resume-box-left{border-bottom-left-radius:0;border-top-right-radius:20px;margin-bottom:-1px}.resume-box-right{border-top-right-radius:0;border-bottom-left-radius:20px;align-items:left}.resume-header{margin-top:2%;margin-bottom:2%;margin-right:50%;padding:0}.resume-header2{margin-top:2%;margin-bottom:2%;margin-right:68%;padding:0}.resume-header3{margin:2% 0% 2% 8%;padding:0}.resume-header4{margin-top:2%;margin-bottom:2%;margin-right:36%;padding:0}.resume-header5{margin-top:2%;margin-bottom:2%;margin-right:60%;padding:0}.position,.text{margin-left:6%}.mobile-text{margin-left:6%;display:flex}.pc-text{display:none}.date{margin-left:6%}.paragraph{margin-top:5%;margin-left:6%;margin-right:6%}ul.a{margin-left:40px}ul.b{margin-left:40px;margin-bottom:0}.spacing2,.spacing3,.spacing4{margin-top:0}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Arial,Helvetica,sans-serif}