#app{display:grid;margin:0;min-height:100vh;width:100vw;place-items:center;text-align:center}img{height:200px;width:auto;margin:auto}i{margin-right:.5rem}.break{background-color:#4783ff}.btn{width:100%}.card{max-width:600px;margin:auto}.figure-caption{text-transform:capitalize}.placeholder{height:200px}.timer{font-family:monospace;font-size:100px}.work{background-color:#e5593f}@media (max-width: 768px){.btn-container:not(:last-child){margin-bottom:.5rem}.card{margin-top:1rem}}#speech{grid-column:1/4}#dog-speech{z-index:2}.bubble{height:60px;width:40%;min-width:200px;background:#fff;display:block;margin:0 auto;border-radius:20px;text-align:center;color:#000;display:flex;justify-content:center;align-items:center;border:1px solid black}.pointer{height:40px;width:40px;background:#fff;border-bottom:1px solid black;border-right:1px solid black;margin:-20px auto 20px;transform:rotate(45deg);position:relative;left:calc(.5vw - 50px)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}