@keyframes gradient-color{0%{background-position:100% 100%}50%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes border-color{0%{border-color:#333}25%{border-color:#022835}50%{border-color:#067197}75%{border-color:#022835}to{border-color:#333}}@keyframes border-color-light{0%{border-color:#faf9f9}25%{border-color:#faf9f9}40%{border-color:#9fd7d7}50%{border-color:#9fd7d7}60%{border-color:#9fd7d7}75%{border-color:#faf9f9}to{border-color:#faf9f9}}main section.contact-page{min-width:60vw;margin:.5em auto;border-radius:20px}main section.contact-page .two-column{display:grid;grid-template-columns:5fr 6fr;justify-items:center;align-items:start;gap:0;margin:0 auto}main section.contact-page .two-column .contact-info{align-self:center;padding:1.5rem 1rem;margin:0 auto;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1em;max-width:100%}main section.contact-page .two-column .contact-info p{align-items:start;max-width:100%;margin:0}main section.contact-page .two-column .form-zone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:1.5em auto 0;width:90%}main section.contact-page .two-column .contact-form{width:100%;padding:1em}@media(max-width:1000px){main section.contact-page .two-column{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:1em;padding:0;margin-top:2rem}main section.contact-page .two-column .contact-info{padding:.5em}main section.contact-page .two-column .form-zone{width:95%;padding:0;margin:0}main section.contact-page .two-column .form-zone button{align-self:center}}@media(max-width:600px){main section.contact-page .two-column{width:98%}}main section.contact-page .robot{max-width:200px}@media(max-width:900px){main section.contact-page .robot{max-width:150px}}main section.contact-page .contact-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.2em;background:linear-gradient(50deg,#022835 0% 30%,#067197 50%,#022835 70% 100%);width:100%}main section.contact-page .contact-form label{justify-content:flex-start;align-items:stretch;gap:0;display:flex;font-weight:500;flex-direction:column;font-size:1.14rem;color:#faf9f9}main section.contact-page .contact-form label small{color:#a60d45;margin-top:.3em}main section.contact-page .contact-form input,main section.contact-page .contact-form textarea{border:1px solid rgba(2.101910828,39.5859872611,52.898089172,.2);border-radius:10px;padding:.7em;font-size:1em;transition:border-color .3s ease}main section.contact-page .contact-form input:focus,main section.contact-page .contact-form textarea:focus{border-color:#067197}
