.container{width:100%;max-width:600px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.5rem;border-radius:2rem}.contact-form{width:100%;text-align:center}.contact p{margin-bottom:.5rem}.contact-form input,.contact-form textarea{width:100%;padding:.5rem;margin-bottom:8px;font-family:"Urbanist",Arial,Helvetica,sans-serif;font-size:16px;font-style:italic;box-sizing:border-box}::placeholder{color:var(--neutral-300)}.contact-form input{border:hidden;border-bottom:2px var(--primary-500) solid}.contact-form textarea{height:100px;resize:none;border:2px var(--primary-500) solid;border-radius:5px}.contact-form button{font-family:"Urbanist Black",Arial,Helvetica,sans-serif;color:var(--primary-300);font-weight:900;font-size:clamp(1.5rem, 5vw, 2rem);background:none;padding:0;border:none;border-radius:5px;cursor:pointer;transition:linear 0.2s;fill:var(--primary-300)}.contact-form button:hover{font-style:italic;transition:linear 300ms;color:var(--primary-200)}.social-media{width:80%}.social-media--item{width:fit-content;display:flex;align-items:center;color:var(--black);fill:var(--black);gap:.5rem;text-decoration:none;margin:0;font-family:"Urbanist Light Italic";font-size:clamp(1.2rem, 3vw, 1.6rem)}.social-media--item:hover{color:var(--primary-400);transition:all 200ms}.social-media--item .social-media--icon{width:24px;height:24px}.social-media-icon-wrapper{margin-top:1rem;display:flex;width:100%;justify-content:space-between;gap:.5rem}.social-media-icon-wrapper .social-media--icon,.contact-form .social-media--icon{width:32px;height:32px;fill:var(--primary-300)}:focus{outline:none}@media all and (min-width:768px){.contact{padding:0}.container{flex-direction:row;max-width:80%;gap:2rem}form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}button{align-self:flex-start}.social-media{height:100%;width:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center}.contact-form textarea{height:200px;resize:none}.social-media-icon-wrapper{width:30%}.social-media-icon-wrapper svg:hover,.social-media--item a:hover{fill:var(--primary-400);color:var(--primary-300);transition:ease-in 200ms}.contact-form input,.contact-form textarea{font-size:24px}}