You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

style.css 604B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. body, html {
  2. margin: 0;
  3. }
  4. html {
  5. height: 100%;
  6. background-color: teal;
  7. }
  8. body {
  9. height: inherit;
  10. overflow: hidden;
  11. }
  12. h1, p {
  13. font-family: sans-serif;
  14. text-align: center;
  15. }
  16. div p {
  17. padding: 20px;
  18. background-color: rgba(0,0,0,0.2);
  19. }
  20. div {
  21. overflow: auto;
  22. position: absolute;
  23. bottom: 0;
  24. right: 0;
  25. left: 0;
  26. }
  27. button {
  28. margin: 0 auto;
  29. display: block;
  30. font-size: 1.1rem;
  31. width: 170px;
  32. line-height: 2;
  33. margin-top: 30px;
  34. }
  35. @media all and (max-height: 410px) {
  36. div {
  37. position: static;
  38. }
  39. }
  40. .phrase {
  41. font-weight: bold;
  42. }
  43. .output {
  44. font-style: italic;
  45. }