body { font-family: Arial; background-color: #F2CD3F; color: #000; text-align: center } .input { top: 92vh; width: 50vw; left: 25vw; position: absolute; } .is-mobile .input { top: 78vh; width: 90vw; left: 5vw; position: absolute; } .inputField { width: 50vw; height: 50px; border: 2px solid #92F23F; background-color: #F2E33F; padding-left: 25px; font-size: 20pt; color: #000 } .is-mobile .inputField { width: 90vw; height: 50px; border: 2px solid #92F23F; background-color: #F2E33F; padding-left: 15px; font-size: 16pt; color: #000 } .inputField:focus { outline: none; } .welcome { margin-left: auto; margin-right: auto; top: 45vh; position: relative; font-size: 30pt } .convBox { width: 50vw; left: 25vw; top: 15vh; position: absolute; text-align: left } .is-mobile .convBox { width: 90vw; left: 5vw; top: 5vh; position: absolute; text-align: left } .conv { width: 50vw; margin-bottom: 50px; font-size: 22pt } .is-mobile .conv { width: 90vw; margin-bottom: 50px; font-size: 22pt } .who { font-weight: bold; margin-bottom: 20px; } .you { } .response { } .botjeSvg { width: 50px; height: auto; } .is-mobile .botjeSvg { width: 30px; height: auto; }