.alert-component{padding:10px;opacity:.8;border-radius:5px}.alert-component.show-error{background-color:var(--error)}.alert-component.show-success{background-color:var(--primary)}.contact-form{width:100%}.contact-form .form{display:flex;flex-direction:column;gap:15px;width:100%}.contact-form .form .flex{display:flex;width:100%;justify-content:space-between;gap:15px}.contact-form .form .flex input{width:100%}.contact-form .form input,.contact-form .form textarea{border-radius:3px;border:1px solid var(--lightBackground);padding:15px 30px;background-color:var(--lightBackground);color:var(--slate)}.contact-form .form input::-moz-placeholder,.contact-form .form textarea::-moz-placeholder{color:var(--slate)}.contact-form .form input::placeholder,.contact-form .form textarea::placeholder{color:var(--slate)}.contact-form .form input:focus,.contact-form .form textarea:focus{border-bottom:1px solid var(--primary-darker)}.contact-form .form textarea{resize:vertical}.contact-me-form.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in;transition-delay:.1s}.contact-me-form.a-enter{opacity:1;transform:translateY(0)}.contact-me.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.contact-me.a-enter{opacity:1;transform:translateY(0)}.contact-me .form{margin-top:30px}.contact-me .social-icons{margin-bottom:20px}.contact-me .social-icons ul{list-style:none;display:flex;flex-direction:row;padding-left:0}.contact-me .social-icons ul li{margin:10px}.contact-me .social-icons ul li .icons{color:var(--v-slate-base)}.contact-me .social-icons ul li:hover .icons{color:var(--v-primary-base)}