header{max-width:800px;margin:2rem auto}header>h1{color:#207d92;margin:0 0 2rem;font-family:verdana,sans-serif;font-size:1.8rem}@media (width>=1024px){header>h1{font-size:2.6rem}}.emoji{margin-right:1rem;font-size:2.1rem}@media (width>=1024px){.emoji{font-size:3rem}}.section-container{width:100%;height:100vh}.sharedpost-container{max-width:800px;margin:2rem auto;display:block}@media screen and (width>=1024px){.sharedpost-container{display:flex}}form{max-width:500px;margin-top:2rem}.form-sharedpost input,.form-sharedpost textarea{color:#cb6e7d;background-color:#fcfdff;border:1px solid #a8c6db;border-radius:3px;width:100%;margin:.5rem 0 .2rem;padding:.5rem}.form-sharedpost textarea{width:100%;height:200px;margin:.5rem 0 .2rem;display:block}.form-sharedpost select{width:100%;margin:.5rem 0 .2rem;display:block}.radio{text-align:center;cursor:pointer;background-color:#fcfdff;border:1px solid #a8c6db;border-radius:3px;width:50%;margin:.5rem 2px .2rem;padding:.5rem}.radio input{width:100%}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#cb6e7d;background-color:#fcfdff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23999' viewBox='0 0 24 24' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75em center;background-repeat:no-repeat;background-size:2.6em;border:1px solid #a8c6db;border-radius:3px;padding:.5em 2.5em .5em 1em;font-size:1em}.sharedpost-btn-submit{color:#fff;cursor:pointer;background-color:#4f86f7;border:none;border-radius:4px;margin:2rem 0 1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .2s}.sharedpost-btn-submit:hover{background-color:#4166f5}.form-field{color:#4b4e6d;margin:.5rem 0;display:block}.connexion{text-align:center;border:1px solid #a8c6db;border-radius:3px;margin-top:2rem;padding:2rem 4rem 1rem}.connexion input{margin:.5rem auto .2rem}#searchInput{display:none}.error-messages{color:#ef8294;text-align:center;background:#fdf1f4;border:1px solid #f7c4cf;border-radius:3px;max-width:800px;margin:1rem auto 0;padding:2rem;font-weight:700}.error-messages,.success-messages{text-align:center;border-radius:3px;max-width:800px;margin:1rem auto 0;padding:2rem;font-weight:700}.error-messages{color:#ef8294;background:#fdf1f4;border:1px solid #f7c4cf}.success-messages{color:#99a69c;background-color:#eef4f0;border:1px solid #d5e5d9;transition:opacity 1s ease-out}.success-messages.fade-out{opacity:0}