.choose-language{text-align:left}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px}.language-button{padding:10px;position:relative;font-size:16px;cursor:pointer;text-align:left;vertical-align:top;border:1px solid #ccc;border-radius:10px;background-color:#f0f0f0;transition:background-color .3s ease;width:156px;height:80px;margin:auto}.language-button:hover{background-color:#e0e0e0}.choose-suggestion-button{text-align:left}.suggestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:center}.suggestion-button{font-size:10px;cursor:pointer;border:1px solid #ccc;border-radius:12px;background-color:#f5f5f5;transition:background-color .3s ease;padding:.3rem;align-content:center}.suggestion-button:hover{background-color:#e0e0e0}body,html{font-family:Roboto,sans-serif;line-height:16.41px;text-align:left;height:100vh}#chatbox{background-image:url(../../assets/backgroundImage.png);background-size:cover;background-position:center}#userInputContainer{padding:10px}.middleScreen{width:100%;padding:3rem}@media only screen and (max-width: 600px){body,html{justify-content:center;align-items:center;margin:auto;padding:0;height:100%;width:100%;overflow:auto}#root{height:100%;width:100%}#userInput{width:70%;padding:10px;margin:10px 5px;border:1px solid var(--main-color);border-radius:10px;box-sizing:border-box;background-color:#fff;color:#000}#userInputContainer{bottom:0;width:100%;padding:10px;border-top:rgba(0,0,0,0);background-color:#fff}#chatscreen{justify-content:center;align-items:center}#headerChatscreen{top:0}}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex.center,.flex-column.center{justify-content:center;align-items:center}*,*:before,*:after{box-sizing:border-box;font-family:Roboto,sans-serif}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0}