@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Inter,Nunito Sans,sans-serif;padding:2em 3vw 0;text-align:center}button{background-color:initial;border:none;outline:none;right:5vw;top:0}.profile__img{background-color:rgba(52,64,84,.75);background-position:top;background-repeat:no-repeat;background-size:88px 88px;border-radius:275px;height:88px;width:88px}.profile__img:hover{opacity:.5;transition:ease-in;transition-duration:.1s}a{font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:28px}a:hover{background-color:#d0d5dd}#slack{display:none}.links>*{display:block}.socials img{margin:1em 2em}#profile__img{height:88px;width:88px}header{position:relative}.button{background-color:initial;border:none;outline:none;position:absolute;right:5vw;top:0}a{background-color:#eaecf0;border:1px solid #eaecf0;border-radius:8px;color:inherit;margin:24px 0;padding:24px 32px;text-decoration:none}.footer{display:block;margin:1em 5vw;text-align:left}#vector{height:24.73708152770996px;width:185.0301055908203px}#i4g{height:32px;width:132.1290283203125px}footer p{color:#667085}@media screen and (min-width:1200px){.footer{align-items:center;border-top:1px solid #667085;display:flex;justify-content:space-between;margin:1em 0;padding:1em 0}}:root{--error-message-color:#f83f23;background:#fff;height:1120px;position:relative;width:1440px}.contact-me{margin:2em 2vw;text-align:left}.contact-me>p{font-size:1.25rem}label{color:#344054;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:.5em 0}:placeholder{color:#667085;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.contact-me>h2{color:#101828;font-size:36px;font-weight:600;letter-spacing:-.02em;line-height:44px}.contact-me>h2,.contact-me>p{font-family:Inter;font-style:normal}.contact-me>p{color:#475467;font-size:20px;font-weight:400;line-height:30px}.send{align-items:center;align-self:stretch;background-color:#1570ef;border:1px solid #1570ef;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05);box-sizing:border-box;color:#fff;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:8px;height:48px;justify-content:center;order:1;padding:12px 20px;position:relative;vertical-align:bottom;width:100%}#btn__submit,button{position:absolute}#btn__submit{height:48px;width:600px}.send:hover{background:#175cd3;border:1px solid #175cd3}.send:focus{background:#1570ef;box-shadow:0 1px 2px #101828}.send:disabled{background:#b2ddff;border:1px solid #b2ddff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05)}form{grid-gap:1em;display:grid;grid-template-columns:1fr}form div{display:flex;flex-direction:column}.check{align-items:center;flex-direction:row}.check>*{margin-right:1em}input,textarea{border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05);color:#101828;font-size:1rem;outline:none;padding:.6em 1.2em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#667085;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}input::placeholder,textarea::placeholder{color:#667085;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}input:focus,textarea:focus{border:1px solid #84caff;box-shadow:0 1px 2px rgba(16,24,40,.05)}#message{height:132px}.error-message{color:#f83f23;color:var(--error-message-color);display:none;font-size:1rem}input:invalid[focused=true],textarea:invalid[focused=true]{border:1px solid #f83f23;border:1px solid var(--error-message-color)}input:invalid[focused=true]~p,textarea:invalid[focused=true]~p{display:block}@media screen and (min-width:1200px){.contact-me{margin:5em 20vw}form{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr}form .first,form .last{grid-column-start:span 1}form div{display:flex;flex-direction:column}button,form div{grid-column-start:span 2}.check{flex-direction:row}}
/*# sourceMappingURL=main.f79ae52b.css.map*/