#chatPage .description-content{background-color:var(--color-background-light);border:1px solid var(--color-background-extra-light);border-radius:8px;align-items:center;gap:4rem;height:100%;min-height:300px;max-height:350px;margin:5rem .2rem 0;padding:2rem;display:flex}#chatPage .description-content .description-content__menu{border-right:1px solid var(--color-background-extra-light);flex-direction:column;justify-content:center;align-self:center;gap:2rem;height:100%;padding-right:1rem;display:flex}#chatPage .description-content .description-content__menu .menu-item{cursor:pointer;color:var(--color-auth-border);letter-spacing:2px;font-size:1.5rem;font-weight:100;transition:color .3s ease-in-out}#chatPage .description-content .description-content__menu .menu-item:hover{color:var(--color-real-white);transition:color .3s ease-in-out}#chatPage .description-content .description-content__menu .selected{cursor:default;pointer-events:none;letter-spacing:2px;font-size:1.5rem;font-weight:700}#chatPage .description-content .project-description{align-self:flex-start;width:100%;max-width:50rem;margin:0}#chatPage .description-content .project-description .description-heading{align-self:flex-end;margin-top:0}#chatPage .description-content .project-description .description-text{font-family:caveat,sans-serif;font-size:1.7rem;animation:1.75s ease-in both fadeIn}#chatPage .links{gap:1.5rem;margin-bottom:3rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:800px){#chatPage .description-content{flex-direction:column;max-height:fit-content}#chatPage .description-content .description-content__menu{border-right:none;flex-direction:row;padding-right:0}#chatPage .description-content .description-content__menu .selected{border-bottom:1px solid var(--color-background-extra-light)}}@media (max-width:600px){#chatPage .title .title__heading{font-size:2.7rem}#chatPage .title .title__heading:after,#chatPage .title .title__heading:before{width:1.5rem}#chatPage .title .title__heading:after{margin-left:1rem}#chatPage .title .title__heading:before{margin-right:1rem}#chatPage .description-content{gap:2rem}#chatPage .description-content .description-content__menu .selected,#chatPage .description-content .description-content__menu .menu-item{font-size:1.1rem}}@media (max-width:400px){#chatPage .description-content{padding:1rem}#chatPage .description-content .description-content__menu{gap:1rem}}