main.css 963 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. body {
  2. font-size: medium;
  3. font-family: Verdana;
  4. margin: 10px;
  5. padding: 10px;
  6. }
  7. div {
  8. color: rgb(6, 58, 55);
  9. width: 100px;
  10. height: 100px;
  11. }
  12. .disabled {
  13. background-color: rgb(53, 51, 51);
  14. color: rgb(220, 235, 240)
  15. }
  16. .red {
  17. background-color: red;
  18. }
  19. .green {
  20. background-color: green;
  21. }
  22. .yellow {
  23. background-color: yellow;
  24. }
  25. input {
  26. border: 2px solid rgb(9, 52, 71);
  27. border-radius: 4px;
  28. height: 50px;
  29. width: 300px;
  30. font-size: medium;
  31. font-family: Verdana;
  32. }
  33. input[type=text]:focus {
  34. background-color: rgb(220, 235, 240);
  35. }
  36. button {
  37. border-radius: 12px;
  38. cursor: pointer;
  39. border-radius: 5px;
  40. text-align: center;
  41. background-color: #e7e7e7;
  42. color: black;
  43. /* Gray */
  44. height: 50px;
  45. width: 100px;
  46. font-size: 20px;
  47. font-family: Verdana;
  48. }
  49. button:hover {
  50. box-shadow: 0 12px 16px 0 rgba(124, 108, 108, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  51. }