:root{--error-color:#e94b35}.main-container{padding-top:1rem}.social--list{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fill,2rem)}.social--list--link{padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--darkest-color);transition:background-color .4s ease-in-out}.social--list--link:hover{background-color:var(--secondary-color)}.social--list--link img{width:20px;height:20px}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}@media (max-width:750px){.contact{grid-template-columns:1fr}}.form{min-width:30vw;max-width:50vw}@media (max-width:750px){.form{max-width:unset}}.form .field-group:first-child{padding-top:0}.form--label{margin-bottom:.5rem;display:block}.form div{position:relative}.form div.field-group{padding:.5rem 0}.form--field{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem;border:1px solid var(--darkest-color);border-radius:.25rem;box-shadow:inset 0 1px 1px rgba(0,0,0,.08)}.form--field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px rgba(44,151,222,.2)}.form--field.message{min-height:120px;resize:none;overflow:auto}.form--field.error{border-color:var(--error-color)}.form--submit{border:1px solid var(--secondary-color);background-color:var(--primary-color);padding:12px 20px;margin:.5rem 0 1rem;color:var(--lightest-color);font-weight:700;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}@media (max-width:750px){.form--submit{width:100%}}.form--submit:focus,.form--submit:hover{border:1px solid var(--primary-color);background-color:var(--secondary-color)}.form--submit:focus{outline:none}.form--submit:active{transform:scale(.97)}.form .error-message{margin:0}.form .error-message p{background:var(--error-color);color:var(--lightest-color);font-size:1rem;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:.25em;padding:.5rem}.form .counter{background-color:var(--light-color);border-radius:5px;position:absolute;right:2px;bottom:.7rem;font-size:10px;padding:4px}