:root{font-family:Outfit,sans-serif;color:#55629e;color:#fcd9d7;background:linear-gradient(#221d22,#403669);background-repeat:no-repeat;background-size:cover;font-size:20px;margin:0;padding:0;width:100%;min-height:100%}body{min-height:100%;justify-content:center}a{font-weight:500;color:#d693b6;text-decoration:inherit}a:hover{color:#fcd9d7}nav{display:flex;gap:25px;position:relative;max-width:100%;padding-left:20px;padding-top:10px}@media only screen and (max-width: 600px){nav{font-size:.8rem}}button{background-color:#221d22;color:#d693b6;border:none;font-size:.8rem;padding:10px}button:hover{border:solid 1px rgb(220,71,63)}.search-container{flex-direction:column;display:flex;justify-self:center;justify-content:center}@media only screen and (max-width: 600px){.search-container{max-width:80%}}.search-container--heading{transition:transform .5s linear;text-align:center}.search-container--form{display:flex;flex-direction:column;justify-self:center}.search-container--form__button:hover{cursor:pointer}.search-container--form__input{padding:5px;border-radius:5px;background-color:#fcd9d7;color:#221d22}.display-area{opacity:0;max-width:60%;justify-self:center;text-align:center;border-radius:40px;margin-top:30px;padding:10px}@media only screen and (max-width: 600px){.display-area{width:80%}}.display-area--quick-message{opacity:0;transition:opacity .2s linear}.display-area--text{display:flex;justify-self:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .2s ease-in}.display-area--text__card{background-color:#dc473f;border-radius:10px;align-items:center;padding:20px;width:400px;border:solid 5px rgb(220,71,63);opacity:0;transition:opacity .2s linear}@media only screen and (max-width: 600px){.display-area--text__card{width:80%}}.display-area--text__card:hover{cursor:pointer;border:solid 5px #55629e}.submit-page--heading-container{max-width:80%;justify-self:center;text-align:center;margin-bottom:px}.submit-page--heading-container__error-message{opacity:0;transition:opacity 1s linear}.submit-page--form{display:flex;flex-direction:column;justify-self:center;text-align:center;margin-bottom:100px}.submit-page--form__field{padding:5px;border-radius:5px;background-color:#221d22;color:#fcd9d7}