body{color:#121212;background-color:#fff4ee;margin:0;padding:0;font-family:Arial}#root{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;margin:2em auto;display:flex}h1.page-title{text-align:center;margin-top:0;margin-bottom:.5em}a.back-button,p.page-descript{text-align:center;margin-top:0;margin-bottom:2em}p{line-height:1.5}img{border-radius:10px}@media (width<=768px){h1.page-title{margin-bottom:1em}}.nav-bar{color:#fff;background:maroon;border-bottom:3px solid gold;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:4em;display:flex}.nav-logo a{color:#fff;cursor:pointer;margin-left:1em;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-items ul{flex-direction:row;gap:1.5em;padding:0 1em;list-style:none;display:flex}.nav-items a{color:#fff;font-weight:700;text-decoration:none}.nav-items a:hover{color:gold;text-decoration:underline}@media (width>=768px){.nav-icon-open{display:none}}@media (width<=768px){.nav-bar{text-align:center;flex-direction:column;justify-content:space-evenly;width:100%;height:fit-content;padding-top:1em;display:flex}.nav-logo a{margin:0}.nav-bar a{font-size:2rem}.nav-icon-open,.nav-icon-close{cursor:pointer;justify-content:center;align-items:center;padding:.5em;font-size:3rem;display:flex}.side-nav-bar{color:#fff;z-index:300;background-color:maroon;flex-direction:column;align-items:center;gap:1em;width:fit-content;height:100%;padding:2em;font-size:1.5rem;font-weight:700;display:flex;position:fixed;top:0;left:0}.side-nav-bar ul{flex-direction:column;gap:2em;padding:0;list-style:none;display:flex}.side-nav-bar a,.side-nav-bar a:visited{color:#fff;text-decoration:none}.side-nav-bar a:active{color:gold;text-decoration:underline}.backdrop{z-index:200;background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.nav-items{display:none}}footer{text-align:center;color:#fff;background-color:maroon;border-top:3px solid gold;margin-top:auto;padding:1em 0}.home-container{flex-direction:column;align-items:center;gap:2em;width:50vw;display:flex}.home-item{flex-direction:row;align-items:center;gap:2em;display:flex}.home-item p{line-height:1.5}.home-item img{object-fit:cover;width:300px;height:300px}@media (width<=768px){.home-container{flex-direction:column;width:80vw;margin:0 auto 2em;display:flex}.home-container h1{text-align:center}.home-item{flex-direction:column;display:flex}.home-item p{margin:0}.home-item img{min-width:40vw;max-width:80vw}}.service-container{flex-direction:column;align-items:center;gap:2em;width:50vw;margin:0 auto;display:flex}.service-item{flex-direction:column;align-items:center;gap:1em;display:flex}.service-item a{color:#fff;text-align:center;background-color:maroon;border:1px solid #121212;border-radius:10px;width:400px;padding:.25em 0;text-decoration:none;transition:all .1s;box-shadow:0 3px 3px #121212}.service-item a:hover,.service-item a:active{color:gold}.service-item a:hover{text-decoration:underline;transform:translateY(-1px);box-shadow:0 5px 3px #121212}.service-item a:active{transform:translateY(1px);box-shadow:0 1px 1px #121212}.service-item h2{margin:0}.service-item p{margin:0;padding:0}@media (width<=768px){.service-container{gap:1em;width:80vw}.service-item{margin-bottom:2em}.service-item a{width:80vw}.service-item a:hover,.service-item a:active{color:gold}}.cabinetry-container{flex-direction:column;justify-content:center;align-items:center;width:50vw;display:flex}.cabinetry-item p{margin-top:0}.cabinetry-item{flex-direction:column;align-items:center;display:flex}.cabinetry-images{flex-flow:wrap;justify-content:center;display:flex}@media (width<=786px){.cabinetry-container{flex-direction:column;width:80vw;display:flex}.cabinetry-item{flex-direction:column;display:flex}.cabinetry-item img{width:80vw}}.millwork-container{flex-direction:column;align-items:center;gap:2em;display:flex}.millwork-item{max-width:50vw}.millwork-item h2{text-align:center;margin:0 0 1em}.millwork-item p{margin:0}@media (width<=768px){.millwork-item{max-width:80vw}}.molding-trim-container{flex-flow:wrap;justify-content:center;gap:1em;max-width:50vw;display:flex}.molding-trim-preview,.molding-trim-item{color:#121212;text-align:center;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;padding:.5em 1em;text-decoration:none;display:flex}.molding-trim-preview img,.molding-trim-item img{object-fit:contain;width:200px;height:200px}.molding-trim-preview:hover{text-decoration:underline}@media (width<=768px){.molding-trim-container{flex-flow:column;justify-content:center;gap:1em;max-width:80vw;display:flex}.molding-trim-preview,.molding-trim-item{color:#121212;background-color:#fff;border-radius:10px;flex-direction:row;justify-content:space-evenly;align-items:center;width:80vw;margin-bottom:1em;padding:.5em 1em;text-decoration:none;display:flex}.molding-trim-preview:hover,.molding-trim-preview:active,.molding-trim-item:hover,.molding-trim-item:active{text-decoration:underline}.molding-trim-preview img,.molding-trim-item img{object-fit:contain;width:50%;max-height:100px}.molding-trim-preview h2,.molding-trim-item h2{text-align:center;width:50%}.molding-trim-item:hover,.molding-trim-item:active{text-decoration:none}}.woodturning-container{flex-flow:column wrap;align-items:center;width:50vw;display:flex}.woodturning-container p{margin-top:0}@media (width<=768px){.woodturning-container{width:80vw}.woodturning-container p{margin:0}}.backdrop{z-index:200;background-color:#00000054;width:100%;height:100%;position:fixed;top:0;left:0}.gallery-preview-container{flex-flow:wrap;justify-content:center;gap:1em;width:80vw;margin-bottom:2em;display:flex}.gallery-preview{color:#fff;background-color:maroon;border-radius:10px;flex-direction:column;align-items:center;gap:.5em;padding:.5em;text-decoration:none;display:flex}.gallery-preview:hover{color:gold;text-decoration:underline}.gallery-preview img{object-fit:cover;width:300px;height:200px}.gallery-preview h2{margin:0;padding:0}.gallery-image-container{flex-flow:wrap;justify-content:center;gap:1em;width:80vw;display:flex}.gallery-image img{object-fit:cover;cursor:zoom-in;border:1px solid #121212;width:300px;height:300px}img.enlarged{z-index:300;cursor:zoom-out;background-color:#fff;border:1px solid #fff;border-radius:0;margin:auto;position:fixed;inset:0;transform:scale(2)}@media (width<=768px){.gallery-preview-container{flex-direction:column;align-items:center;width:80vw;display:flex}.gallery-preview{color:#fff;background-color:maroon;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:fit-content;text-decoration:none;display:flex}.gallery-preview img{object-fit:cover;max-width:300px;max-height:300px}.gallery-preview h2{margin:0;padding:0}img.enlarged{transition:transform .3s ease-in;transform:scale(1.3)}}.address-container{flex-direction:row;justify-content:center;align-items:center;gap:2em;width:fit-content;display:flex}.address-container img{border:1px solid #121212;border-radius:10px}.address{margin:0;padding:0;font-size:1.3rem;list-style-type:none}.address li{margin-bottom:.5em}.contact-form{box-sizing:border-box;background-color:#f5f5f5;border:1px solid #121212;border-radius:10px;flex-direction:column;gap:1em;width:100%;margin-bottom:2em;padding:1em;display:flex}.contact-form p{text-align:center;margin:0}.form-field{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.form-field label{font-weight:700}.form-field input,.form-field textarea{box-sizing:border-box;border:none;border-radius:10px;width:70%;padding:5px 10px;font-size:1rem}.form-field textarea{resize:vertical;height:100px;min-height:30px}.contact-form button{color:gold;cursor:pointer;background-color:maroon;border:none;border-radius:10px;width:200px;margin:1em auto 0;padding:1em 0;font-size:1rem;font-weight:700;transition:all .1s;box-shadow:0 3px 3px #121212}.contact-form button:hover{text-decoration:underline;transform:translateY(-1px);box-shadow:0 5px 3px #121212}.contact-form button:active{transform:translateY(1px);box-shadow:0 1px 1px #121212}.confirmation{text-align:center}.confirmation p{margin:0 auto 2em}@media (width<=786px){main.contact{flex-direction:column;align-items:center;width:80vw;display:flex}.address-container{flex-direction:column;gap:2em;display:flex}.address-container img{width:100%}.contact-form{box-sizing:border-box;background-color:#f5f5f5;border:1px solid #121212;border-radius:10px;flex-direction:column;gap:1em;width:100%;margin-bottom:2em;padding:1em;display:flex}.contact-form p{text-align:center;margin:0}.form-field{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.form-field label{font-weight:700}.form-field input,.form-field textarea{box-sizing:border-box;border:none;border-radius:10px;width:70%;padding:5px 10px;font-size:1rem}.form-field textarea{resize:vertical;height:100px}.contact-form button{color:gold;background-color:maroon;border:none;border-radius:10px;width:60%;min-width:200px;margin:1em auto 0;padding:1em 0;font-size:1rem;font-weight:700;transition:all .1s;box-shadow:0 3px 3px #121212}.contact-form button:hover{transform:translateY(-1px);box-shadow:0 5px 3px #121212}.contact-form button:active{transform:translateY(1px);box-shadow:0 1px 1px #121212}}
