body,html{max-width:100vw;height:100vh;overflow-x:hidden}body{background:#fff;width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}a{color:#000;text-decoration:none}.Trend #one,.Trend #two{animation-name:load;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate}.Trend #two{animation-delay:2.3s}.Trend #three{animation-name:load;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:3s}.main-cont{background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;text-align:center;max-width:550px;margin:0 auto}.header-title{font-size:1em;font-weight:700;padding-left:1em;padding-right:1em;padding-bottom:1rem}.input-cont,.prompt-cont{display:flex;width:100%;margin:0 auto}.input-cont{flex-direction:column;padding-top:20px}.prompt-cont{flex-direction:column-reverse}textarea{width:100%;padding:.5em 2em 2em;box-shadow:2px 2px 10px gray;border-radius:15px}textarea:focus{outline:none}.Trend,button{background:#010155;color:#fff;justify-self:flex-start;padding:1em;border-radius:10px;margin-top:10px;margin-bottom:10px;font-size:1em;font-weight:500;border:none}.output-cont{width:100%;padding:.5em 2em 4em;box-shadow:2px 2px 10px gray;border-radius:15px;margin:0 auto}.contact-cont{width:100%;padding:0}.badge,.contact-cont{display:flex;justify-content:space-around;align-items:center;color:#000;font-size:.9em;font-weight:700}.badge p{margin-left:5px}.badge-container{padding:.8em;background:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 5px rgba(0,0,0,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.3)}.output-cont p{color:grey;transition:all 1s;overflow-y:auto}.prompt-cont{padding:0 1em}@keyframes load{0%{opacity:0}to{opacity:1}}@media (min-width:550px){.Trend,button{width:20%}textarea{padding-bottom:4em}.output-cont{padding-bottom:5em}}