*,:before,:after{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}.input-section{background-color:red;justify-content:center;gap:.5rem;display:flex}.input-btn{background-color:#add8e6;flex-grow:1}@media (width>=576px){.container{height:90%!important}}.modal-container{background-color:#00000080;place-content:center;padding:2rem;display:flex;position:absolute;inset:0}.modal-background{background-color:pink;width:100%;max-width:500px}html,body,#root{height:100%}body{background-color:pink}#root{flex-direction:column;justify-content:center;align-items:center;display:flex}.container{background-color:green;grid-template-rows:min-content 1fr min-content;width:auto;height:100%;padding:1rem;display:grid}.content-section{background-color:#ffffe0;grid-template-rows:1fr auto;display:grid}.user-input{background-colour:lightgreen;justify-content:center;gap:.5rem;display:flex}.input-btn{background-color:#add8e6;justify-content:center;align-items:center;width:4.5rem;max-width:4.5rem;height:4.5rem;display:flex}