:root{--color-primary: rgba(72, 4, 4, 1);--color-secondary: rgb(55, 100, 120);--color-button: rgb(180, 36, 42);--color-dark: rgb(240, 240, 240);--color-light: rgba(51, 56, 69) }@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-Light.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-LightItalic.ttf) format("truetype");font-weight:200;font-style:italic}body{background-color:var(--color-dark);display:flex;flex-wrap:wrap;flex-direction:column;min-height:100vh;max-width:1000px;margin:0 auto;padding:12px;font-family:Roboto}@media only screen and (min-width: 400px){body{padding:16px}}@media only screen and (min-width: 600px){body{padding:20px}}h1,h2,h3,h4,h5{font-family:Roboto Slab}h1{font-size:clamp(1.4rem,4.5vw,2.2rem);word-wrap:break-word;hyphens:auto;line-height:1.2}h2{font-size:clamp(1.1rem,3.8vw,1.6rem);word-wrap:break-word;line-height:1.3}h3{font-size:clamp(.95rem,3.2vw,1.4rem);word-wrap:break-word;line-height:1.3}.bold{font-weight:700}.thin{font-weight:200}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.button-color,a{color:var(--color-button)}.flex{display:flex}.column{flex-direction:column;width:100%}.headers h1:not(.shadow),.headers h2{margin:0;z-index:5}.headers{position:relative}.shadow{color:var(--color-dark);margin:0;position:absolute;top:-2px;left:-2px;transform:scale(1.05);z-index:1}.overflow-hidden{overflow:hidden}.rounded{border-radius:300px}.full-width{width:100%}.full-height{height:100%}.absolute{position:absolute}.relative{position:relative}input,textarea,button{cursor:pointer;font-family:Arial,Helvetica,sans-serif;border:2px solid var(--color-button);padding:10px 12px;border-radius:5px;transition:all .3s ease;font-size:clamp(.85rem,2.2vw,1rem);box-sizing:border-box}@media only screen and (min-width: 400px){input,textarea,button{padding:12px 14px;font-size:clamp(.9rem,2.5vw,1rem)}}@media only screen and (min-width: 600px){input,textarea,button{padding:14px 18px}}input,textarea{color:var(--color-primary)}input:hover,textarea:hover{border:2px solid var(--color-primary)}input:active,textarea:active{border:2px solid var(--color-primary);outline:none}.link-button{color:var(--color-dark);font-weight:900;position:relative;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;background-color:var(--color-button);outline-offset:-10px;border-radius:5px;padding:16px;text-decoration:none;text-align:center}.button--primary{color:var(--color-dark);justify-content:center;font-weight:700;position:relative;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;outline-offset:-10px;border-radius:5px;display:flex;text-align:center;letter-spacing:.5px}.button--primary:active{box-shadow:inset -1px -1px 1px var(--color-dark)}.header-image-container{width:100%;max-width:150px}.header-image-wrapper{width:100%;max-width:150px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative}@media only screen and (min-width: 400px){.header-image-container,.header-image-wrapper{max-width:180px}}@media only screen and (min-width: 480px){.header-image-container,.header-image-wrapper{max-width:220px}}@media only screen and (min-width: 768px){.header-image-container,.header-image-wrapper{max-width:280px}}.header-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.work{gap:20px;justify-content:space-between;align-items:stretch;max-width:400px}.work>div{flex:1;position:relative}.work-image{position:absolute;height:100%;width:100%;background-size:contain;background-repeat:no-repeat;opacity:.05}.icon-container{display:flex;position:relative;height:28px;z-index:100;gap:10px;justify-content:center;margin-top:10px}@media only screen and (min-width: 400px){.icon-container{height:32px;gap:12px;margin-top:12px}}@media only screen and (min-width: 600px){.icon-container{height:36px;gap:14px;margin-top:15px}}@media only screen and (min-width: 900px){.icon-container{position:absolute;right:10px;height:40px;gap:15px;margin-top:0;justify-content:flex-start}}.icon{display:flex;width:20px}@media only screen and (min-width: 400px){.icon{width:22px}}@media only screen and (min-width: 600px){.icon{width:28px}}@media only screen and (min-width: 900px){.icon{width:32px}}.icon>*{height:100%}.loading{display:none}.spinner-button>div{width:100%;justify-content:center}.contact-container{z-index:100}.wrap{flex-wrap:wrap}.wrap-reverse{flex-wrap:wrap-reverse}.no-wrap{flex-wrap:nowrap}.work-col{align-items:center}@media only screen and (max-width: 399px){.flex{flex-direction:column}.wrap-reverse{flex-direction:column-reverse}.justify-between{justify-content:center}.header-image-container{align-self:center;margin:0 auto}}.contactForm{padding-top:16px;width:100%}@media only screen and (min-width: 400px){.contactForm{padding-top:20px}}@media only screen and (min-width: 600px){.contactForm{max-width:400px}}@media only screen and (min-width: 900px){.contactForm{max-width:450px}}.align-center{align-items:center}@media only screen and (min-width: 768px){.header-image-container,.header-image-wrapper{max-width:250px}}@media only screen and (min-width: 900px){.header-image-container,.header-image-wrapper{max-width:325px}.work{max-width:400px}.work-col{align-items:unset}}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
