:root{--bg: #1B1B1D;--white: #e9ece9;--lightgray: #d5dad6;--accent: #3f9336;--darkaccent: #226b24;--darkbg: #101011;--gray: #8f8f8f}.title__page{margin-top:10vh;min-height:80vh;display:flex;justify-content:center;align-items:center;background:var(--white);z-index:-1}.about__page{background:var(--bg);min-height:80vh}.projects__page{min-height:80vh;background:var(--white)}.header{display:flex;flex-direction:row}.header__container{width:100vw;height:10vh;display:flex;justify-content:space-between;align-items:center;background:var(--bg);box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;position:fixed;top:0;z-index:1000;border-bottom:solid var(--accent) .5rem}.header *{padding-left:2vw;padding-right:2vw}.logo__header{font-weight:bolder}.logoqb{width:50vw;padding:20px 0;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.logoqbwhite{display:none}.logofooter{width:20vw;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.logofooter:hover,.footernav *:hover{cursor:pointer}.main:hover{cursor:default}.page__title{display:inline-block;border-bottom:var(--accent) 6px solid;align-self:center;margin-top:3vh}.main{border-bottom:var(--accent) 2px solid}p{margin-block-start:0;margin-block-end:.2em}.text{font-size:1rem;font-weight:lighter}.bg{color:var(--bg)}.darkbg{color:var(--darkbg)}.whitebg{background-color:var(--white)}.white{color:var(--white)}.gray{color:var(--gray)}#contact__title{margin-top:0}.clients__page{background:var(--white);min-height:70vh;display:flex;align-content:center;flex-direction:column;padding:0 20%}.clients__container{display:grid;padding:5rem 0;grid-template-columns:50% 50%;grid-template-rows:50% 50%}.client__img{height:5rem;width:100%;overflow:auto}.client{height:16rem;margin:.5rem;padding:.5rem;display:flex;flex-direction:column;background:whitesmoke;border-radius:.6rem;border:none;box-shadow:#63636333 0 2px 8px;cursor:pointer;align-items:center}.subtitle{font-size:2.25rem;font-weight:400}.title{font-size:4em;font-weight:700;font-style:italic!important}.subtitle__title{margin-top:-2vh;text-align:right;padding-bottom:10px}.title__container{float:right;background:var(--white);z-index:1}.square{border:.5rem solid var(--accent);width:14.5vw;height:14.5vw;position:absolute;z-index:0;left:30vw}.scrollDiv{height:10vh;background:var(--bg)}.about__page{display:flex;flex-direction:column}.about__container{display:flex;flex-direction:row;align-items:center;margin-top:2rem}.projects__page{padding:0 20%;display:flex;flex-direction:column}.contact__page{padding:0 20rem;display:flex;justify-content:center;align-items:center;min-height:50vh;background:var(--bg)}.drawing{height:600px;width:50%;margin-right:6vw}.contact__name{margin-top:1rem}.quint{height:300px;width:640px;margin-left:5vw}img{overflow:hidden;object-fit:cover}.title__header__button{border-width:0;background-color:var(--bg);cursor:pointer;height:100%}.header__button__container{display:flex;align-items:center}.header__back__button__container{display:flex;height:10vh;flex-direction:row;padding-right:2rem;align-items:center}.header__back__button__container *:hover{background-color:var(--darkaccent);transition:.25s;transition-timing-function:ease-out}.header__button,.header__back__button{border-width:0;background-color:var(--accent);cursor:pointer;height:40%;width:8rem;margin-right:2rem;border-radius:1rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.2rem;padding:0;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.header__button__container *:hover{background-color:var(--darkaccent);transition:.25s;transition-timing-function:ease-out}.header__button__container *{max-width:33.3333333333333%}.header__button__container{height:100%;display:flex;flex-direction:row;padding-right:4vw}.placeholder__img{width:100%;padding:0 0 1rem;border-radius:.6rem .6rem 0 0;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.projects__container{margin-top:2rem;display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%}.project__container{margin:.5rem;padding:.5rem;display:flex;flex-direction:column;background:whitesmoke;border-radius:.6rem;border:none;box-shadow:#63636333 0 2px 8px;cursor:pointer}.project__container:hover{background-color:var(--lightgray);transition:.25s}.project__info__container{width:100%;display:flex;justify-content:space-between;align-items:baseline}#aboutScroll{background:var(--white)}#projectsScroll{background-color:var(--bg)}.quint{box-shadow:#63636333 0 2px 8px}.footer__list{display:flex;justify-content:space-between;padding:5rem 15rem 3rem}.footer__creds{display:flex;justify-content:center}.project__page{margin-top:10vh;min-height:50vh;display:flex;flex-direction:column;background:var(--white);z-index:-1}a{color:#00f;text-decoration:none}.dabra:hover{cursor:pointer}@media only screen and (max-width: 896px){.header{display:none}.title{font-size:2rem}.title__page{background-color:var(--bg)}.logoqbwhite{width:50vw;padding:20px 0;display:block;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.logoqb{display:none}.subtitle__title{margin-top:-.5rem;font-size:1rem!important}.subtitle{font-size:1.2rem;font-weight:400}.text{font-size:1rem}.title__page{margin-top:0;min-height:10vh}.about__container{flex-direction:column-reverse;justify-content:space-evenly;height:70vh}.about__page{min-height:70vh}.contact__page{flex-direction:column;justify-content:space-evenly;padding:0;min-height:80vh}.projects__container{margin:2rem 2rem 0;display:flex;flex-direction:column}.projects__page,.clients__page{padding:0 0 4vh}.clients__container{margin:2rem 2rem 0;display:flex;flex-direction:column}.client__img{height:50%}.drawing{height:300px;width:75%;margin-right:0}.scrollDiv{display:none}.quint{height:200px;width:80%;margin-left:0;box-shadow:#63636333 0 2px 8px}.footer__list{display:flex;flex-direction:column;justify-content:space-between;padding:3rem}.footer__container{padding-bottom:1rem}.logo__container{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#131315;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh}