*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body{background:var(--theme-color);display:flex;justify-content:center;align-items:center;height:100vh;transition:background .3s ease-in-out;font-family:Poppins,sans-serif}h1{padding:.3em;text-align:center}.container{border-radius:1em;display:flex;flex-direction:column;align-items:center;background-color:#708090;color:#fff}button{user-select:none;font-family:inherit;font-size:1.2em;box-sizing:border-box;display:block;padding:.3em;height:3em;border-radius:.2em;border:none;background-color:var(--theme-color);color:#000;margin:.3em}.reponses{display:flex;flex-direction:column;width:100%;padding:0 .5em;margin-bottom:1em}.reponses button{width:98%}p{margin:1em;text-align:justify;max-width:60vw}@media (orientation: portrait){p{max-width:95vw}}.red{--theme-color:#ff3366}.orange{--theme-color:#ff6633}.yellow{--theme-color:#FFCC33}.green{--theme-color:#33FF66}.cyan{--theme-color:#33FFCC}.sky{--theme-color:#33CCFF}.blue{--theme-color:#3366FF}.indigo{--theme-color:#6633FF}.violet{--theme-color:#CC33FF}