:root{--background-color: #DAE0E9;--text-color: #181426;--button-color: #ffd900;--button-altern-color: #4eaa81;--alternative-color: #ffffff;--primary-color: #4eaa81;--bubble-me: #d1e7ff;--bubble-other: #eee}body{background-color:var(--background-color);padding:0 15%}html,body{margin:0;height:100%}h3{font-family:Segoe UI,sans-serif}h2{font-family:Roboto,sans-serif}button{padding:5px 18px;border-radius:25px;border:none;cursor:pointer;font-weight:600}@media (max-width: 720px){body{background-color:var(--background-color);padding:0}}