.chat-container{width:100%;position:relative;padding-bottom:75%;height:0}.chat-container,.chat-title{margin:auto;align-items:center;align-content:center;align-self:center;padding-top:20px}.chat-title{font-weight:600;font-size:3rem;text-align:center;text-transform:uppercase;color:var(--color-primary);font-weight:700;background:linear-gradient(45deg,var(--color-secondary) 0,var(--color-primary) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chat-caption{font-weight:300;font-size:2rem;margin:auto;padding:auto}.chat-caption,.chatbox{align-items:center;align-content:center;align-self:center;text-align:center}.chatbox{height:600px;width:800px;margin-left:15%}@media screen and (max-width:1200px){.chat-container{flex-direction:column;margin-bottom:50px}.chat-caption{font-size:1rem;width:300px}.chatbox{height:600px;width:400px;margin:0 200px;align-items:center;align-content:center;align-self:center}}.chat-center{margin:auto;align-items:center;align-content:center;align-self:center}@media screen and (max-width:512px){.chat-title{padding-top:40px}.chat-container{flex-direction:column;margin-bottom:700px}.chatbox{height:600px;width:350px;margin:auto;align-items:center;align-content:center;align-self:center}.chat-caption{font-size:1rem;width:300px}}:root{--bg-gradient:linear-gradient(328deg,var(--color-secondary) 0%,var(--color-primary) 70%);--bg-gradient:linear-gradient(45deg,var(--color-secondary) 0%,var(--color-primary) 70%)}.fading-word{opacity:0;transition:opacity 1s ease-in-out}.fading-word,.fading-word.visible{background:var(--bg-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.fading-word.visible{opacity:1}