:root{--unit: 20px;--page-frame-big: calc( var( --unit ) * 5 );--page-frame: var( --unit );--grid-width: calc( 100% - calc( var( --page-frame ) * 2 ) );--alignment: "left";--stroke: 2px;--background-color: White;--background-color-alpha: #ffffff00;--primary-color: #F0F358;--secondary-color: Gray;--tertiary-color: #eee;--highlight-color: Red;--lowlight-color: #FFF59D;--link-color: CornflowerBlue;--positive-color: Aquamarine;--hero-text-color: var( --primary-color );--min-width: 320px;--item-width: 328px;--item-big-width: calc( var( --item-width ) * 1.5 );--item-max-height: 80vh;--indent-gap: calc( var( --font-style-body-default-size ) * 2 );--freedom: var( --page-frame-big );--button-height: 40px;--button-space: var( --font-style-body-default-size );--bouncer-size: 60px;--logo-width: 134px;--logo-height: 46.56px;--header-height: 200px;--header-space: calc( var( --header-height ) * 2 );--max-content-width: 568px}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.breaker{display:none}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes fade-to-white{to{fill:#fff}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{to{margin:0}}@keyframes moveUp{to{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}}@keyframes moveDown{0%{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes pulseDot{0%{background:var(--tertiary-color);width:5px;height:5px}50%{background:#000;width:7px;height:7px}to{background:var(--tertiary-color);width:5px;height:5px}}@keyframes pulseBackground{0%{background:var(--tertiary-color)}50%{background:var(--background-color)}to{background:var(--tertiary-color)}}#contact{position:relative;z-index:10;display:grid;grid-template-columns:100%;justify-content:center;width:100%}#contact>span{font-family:Noto Sans,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:200;font-size:1rem;line-height:1.5rem;letter-spacing:0;font-weight:400;letter-spacing:-.01em}#contact{background:var(--primary-color);padding:48px 24px;text-align:left}#contact #success p{margin:24px 0;font-family:Noto Sans,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:200;font-size:1.375rem;line-height:2rem;letter-spacing:0}#contact h2{margin-top:.5rem;text-align:left;font-family:Noto Sans,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:200;font-size:1.375rem;line-height:2.2rem;letter-spacing:-.03rem}@media screen and (min-width: 768px){#contact h2{font-size:2rem;line-height:2.5rem;letter-spacing:0rem}}#contact form{margin:24px 0;display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-template-areas:"personal" "message" "legal" "submit"}#contact form .status{padding:0 16px;color:purple;font-weight:400;letter-spacing:-.01em}#contact form .personal,#contact form .message,#contact form .legal{display:flex;flex-direction:column;flex-wrap:nowrap}#contact form .personal{grid-area:personal}#contact form .personal label.name,#contact form .personal label.email{font-weight:400;letter-spacing:-.01em}#contact form .personal .name .status{display:none}#contact form .message{grid-area:message}#contact form label,#contact form button,#contact form input,#contact form textarea{width:100%;max-width:520px;font-family:Noto Sans,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:200;font-size:1rem;line-height:1.5rem;letter-spacing:0}#contact form textarea{height:160px;resize:none}#contact form label{margin-top:1rem}#contact form input,#contact form textarea{padding:6px 16px 10px;margin-top:.25rem}#contact form input::-webkit-outer-spin-button,#contact form input::-webkit-inner-spin-button,#contact form textarea::-webkit-outer-spin-button,#contact form textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#contact form input[type=number],#contact form textarea[type=number]{-moz-appearance:textfield;appearance:textfield}#contact form input[type=submit],#contact form textarea[type=submit]{border:1px solid black;background:transparent;width:fit-content}#contact form input::placeholder,#contact form textarea::placeholder{color:#333}#contact form .legal{grid-area:legal;margin-top:24px}#contact form .legal button{width:fit-content;margin-left:40px}#contact form .legal button span{display:inline-block;text-align:left}#contact form .legal label{cursor:pointer;margin-left:40px;width:fit-content;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;letter-spacing:-.01em}#contact form .legal label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#contact form .legal label input:checked~.checkbox:after{display:block}#contact form .legal label input:focus~.checkbox{border:2px solid #999}#contact form .legal label .checkbox{position:absolute;top:0;left:-40px;height:24px;width:24px;background-color:#fff;border:2px solid #fff}#contact form .legal label .checkbox:after{content:"";position:absolute;display:none;left:6px;top:0;width:6px;height:14px;border:solid black;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#contact form .legal label .checkbox:hover:after{display:block;border-color:#777}#contact form .submit{grid-area:submit;display:flex;flex-direction:row;margin-top:40px;width:100%;height:48px}#contact form .submit .button{display:flex;justify-content:flex-start;width:fit-content;height:fit-content}#contact form .submit .button button{grid-area:submit;width:fit-content;max-width:520px}#contact form .submit .button button input{height:48px;margin-top:0;cursor:pointer}#contact form .submit .button button:hover input{color:#fff}#contact form .submit .button button:hover{background:#000}#contact form .submit.invalid .button{opacity:15%;cursor:not-allowed;pointer-events:none}#contact form.show-status .submit .status{visibility:visible;margin:12px;position:absolute;left:0;bottom:0;padding:10px 16px 14px;width:fit-content;background:purple;color:#fff;height:fit-content;opacity:0;-webkit-animation:fade-in .7s ease-in-out 0s 1 forwards;animation:fade-in .7s ease-in-out 0s 1 forwards;font-family:Noto Sans,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:200;font-size:1rem;line-height:1.5rem;letter-spacing:0}#contact form.show-status .submit .status.sending,#contact form.show-status .submit .status.sent{display:inline}#contact form.show-status .submit .status.error{color:red;display:inline;font-weight:400;letter-spacing:-.01em}@media screen and (min-width: 768px){#contact form.show-status .submit .status{left:unset;right:0}}@media screen and (min-width: 768px){#contact form{grid-template-columns:1fr 1fr;grid-template-areas:"personal message" "personal message" "legal submit"}#contact form .personal,#contact form .legal{margin-right:12px}#contact form .message{margin-left:12px}#contact form textarea{height:208px}#contact form .submit{flex-direction:row-reverse}}@media screen and (min-width: 1112px){#contact>span,#contact #success,#contact h2{justify-self:center;width:1040px}#contact form{grid-template-columns:520px 520px;justify-self:center}}