.contacContent{grid-column-gap:2rem;grid-row-gap:3rem;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:767px){.contacContent{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr;grid-template-rows:unset}}.readyToCollaborate{background-color:var(--importantBg)}.readyToCollaborate p{color:#a3a3a3}.contacContent{width:calc(100% - 2rem)}
.articleContactMe{flex-direction:column;gap:2rem;padding:1.5rem 1.5rem 0;display:flex}.articleContactMe h2{align-items:center;gap:1rem;display:flex}.articleContactMe h2 .iconContact{color:var(--important);background-color:var(--importantBg);border-radius:100px;padding:.6rem}.articleContactMe ul{flex-direction:column;gap:1rem;width:fit-content;margin-left:1.5rem;display:flex}.articleContactMe ul li{align-items:center;gap:1rem;display:flex}.articleContactMe ul li .typeContact{font-size:.9rem}.articleContactMe ul li .detailContact{color:var(--important);word-break:break-word}.articleContactMe ul li .iconLiContact{transition:all .3s ease-in-out}.articleContactMe ul li:hover .iconLiContact{color:var(--title);scale:1.2}.articleContactMe .arrows{justify-content:space-evenly;margin-top:1rem;animation:3s ease-in-out infinite floatArrows;display:flex}@keyframes floatArrows{0%{transform:translateY(0)}50%{transform:translateY(20px)}}@media (max-width:767px){.articleContactMe .arrows{display:none}}.whyMe{background-color:var(--background);border:2px solid var(--importantBg);border-radius:20px;flex-direction:column;gap:1.5rem;margin-top:auto;padding:1.5rem;display:flex;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.whyMe ul{flex-direction:column;gap:.5rem;margin-left:1rem;display:flex}.whyMe ul li{gap:.5rem}.whyMe button{align-self:center;margin-top:1rem}.whyMe{animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}}a:focus-visible{outline:5px solid var(--important);outline-offset:5px;border-radius:3px}.calendly-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.calendly-inline-widget{background-color:var(--background);border:none;border-radius:12px;width:100%;min-width:320px;max-width:800px;height:700px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}@media (max-width:767px){.calendly-inline-widget{max-width:100%;height:600px;min-width:unset;border-radius:10px}.articleContactMe{padding:1rem 1rem 0}}
.articleSendMeEmail{border-radius:20px;flex-direction:column;gap:2rem;padding:1.5rem;display:flex;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.articleSendMeEmail h2{align-items:center;gap:1rem;display:flex}.articleSendMeEmail h2 .iconContact{color:var(--important);background-color:var(--importantBg);border-radius:100px;padding:.5rem}.articleSendMeEmail form{flex-direction:column;gap:1rem;margin:1rem 1rem 0;display:flex}.articleSendMeEmail form label{flex-direction:column;gap:.3rem;display:flex}.articleSendMeEmail form label input,.articleSendMeEmail form label textarea{background-color:var(--title);font-size:1.2rem;font-family:var(--font-mona);border:2px solid #0000;border-radius:.5rem;width:100%;padding:.7rem}.articleSendMeEmail form label input:focus-visible,.articleSendMeEmail form label textarea:focus-visible{outline:5px solid var(--important);outline-offset:5px;border-radius:.5rem}.articleSendMeEmail form label textarea{resize:none;transition:height .2s;overflow:hidden}.articleSendMeEmail form label input[aria-invalid=true],.articleSendMeEmail form label textarea[aria-invalid=true]{background-color:#ffeaea;border:2px solid #e53935}.articleSendMeEmail form button{align-self:end;margin-top:1rem}@media (max-width:767px){.articleSendMeEmail form button{align-self:center}.articleSendMeEmail form{margin:0}}.articleSendMeEmail .confirmationMessage{text-align:center;align-self:center;margin-top:auto;margin-bottom:auto;font-size:1.5rem}.error{color:#d32f2f;font-size:.9rem}