html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{max-width:1140px;margin:auto;font-family:Work Sans;font-size:14px}header{display:flex;justify-content:space-between;margin:50px 0}section{margin:50px 0}h1{display:flex;flex-direction:column;font-family:Syne;font-size:22px;font-weight:800;color:#b1663c}h1>span{font-family:Work Sans;font-size:10px;letter-spacing:.1em}h2{font-family:Syne;font-weight:700;font-size:30px;color:#1d6154}nav ul{display:flex;align-items:center;list-style-type:none}nav li{padding:0 10px;font-size:1.2em}li:hover{color:#b1663c}#introduction{display:flex;align-items:center}#introduction figure{flex:1}#introduction img{display:block;margin:auto;width:80%}#introduction article{flex:1}#introduction h2{margin-bottom:1em}#introduction p{margin-bottom:.5em}#portfolio h2{text-align:center;margin-bottom:1em}#portfolio h2 i{color:#000;font-size:1rem;vertical-align:super;cursor:pointer;margin-left:1.2rem;margin-right:.5rem}#portfolio h2 a{color:#000;font-size:1rem;vertical-align:super;cursor:pointer}.categories{display:flex;justify-content:center;align-items:center;padding:1rem 0 3rem}.categories button{margin-right:1rem;font-family:Syne;font-weight:700;color:#1d6154;border-color:#1d6154;background-color:#fff;white-space:nowrap;width:180px;display:flex;align-items:center;justify-content:center;border-radius:60px;padding:1rem;cursor:pointer;transition:.2s}.categories button:hover,.categories button.active{color:#fff;background-color:#1d6154}.gallery{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}.gallery img{width:100%}#contact{width:50%;margin:auto}#contact>*{text-align:center}#contact h2{margin-bottom:20px}#contact form{text-align:left;margin-top:30px;display:flex;flex-direction:column}#contact input{height:50px;font-size:1.2em;border:none;box-shadow:0 4px 14px #00000017}#contact label{margin:2em 0 1em}#contact textarea{border:none;box-shadow:0 4px 14px #00000017}input[type=submit]{font-family:Syne;font-weight:700;color:#fff;background-color:#1d6154;margin:2em auto;width:180px;text-align:center;border-radius:60px}footer nav ul{display:flex;justify-content:flex-end;margin:2em}a{color:inherit;text-decoration:none}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0003;width:40%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content h2{text-align:center;margin-bottom:2rem}hr{border:none;border-top:2px solid #dfe6e9;margin-top:3rem;margin-bottom:2rem;width:70%}.close-btn{position:absolute;top:10px;right:15px;font-size:1.5rem;background:none;border:none;cursor:pointer}.gallery-modal{width:70%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:30px}.img-icon{position:relative}.icon-container{position:absolute;top:5px;right:5px;background-color:#000;color:#fff;width:1.5rem;height:1.5rem;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1;font-size:.9rem}.gallery-modal img{width:100%}.modal-btn-container{display:flex;justify-content:center;align-items:center}.modal-btn{font-family:Syne;font-weight:700;color:#fff;border-color:#1d6154;background-color:#1d6154;white-space:nowrap;width:180px;display:flex;align-items:center;justify-content:center;border-radius:60px;padding:.5rem 1rem;cursor:pointer;margin-bottom:1rem}.modal2{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal2-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0003;width:40%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal2-content form{width:70%}.container-icon-file{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#82ccdd;padding-bottom:2rem;padding-top:2rem;max-height:250px;height:250px;position:relative}.container-icon-file i{color:#dfe6e9;font-size:7rem}.container-icon-file img{position:absolute;top:50;left:50;width:70%;height:100%;object-fit:cover;z-index:1}.label-image{color:#666}.upload-label{display:inline-block;padding:10px 20px;background-color:#1d6154;color:#fff;border-radius:5px;cursor:pointer}.upload-label:hover{background-color:#14463e}.modal2-content form label{display:block;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.modal2-content form input{width:100%;padding:1.2rem 0rem;margin-bottom:1rem;box-shadow:0 4px 14px #00000017;border:0}.modal2-content form select{background-color:#fff;width:100%;padding:1.2rem 0rem;margin-bottom:1.5rem;box-shadow:0 4px 14px #00000017;border:0}.modal2-content h2{text-align:center;margin-bottom:2rem}.modal2-btn-container{display:flex;justify-content:center;align-items:center}.modal2-btn{cursor:pointer;font-family:Syne;font-weight:700;font-size:1.2rem;color:#fff;border-color:gray;background-color:gray;white-space:nowrap;width:180px;display:flex;align-items:center;justify-content:center;border-radius:60px;padding:1rem 8rem;margin-bottom:1rem;border:none;box-shadow:none;outline:none}.close-btn2{position:absolute;top:10px;right:15px;font-size:2rem;background:none;border:none;cursor:pointer}.fa-arrow-left{position:absolute;top:15px;left:15px;font-size:2rem;border:none;cursor:pointer}