style.css 748 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. html {
  2. box-sizing: border-box;
  3. }
  4. *,
  5. *::before,
  6. *::after {
  7. box-sizing: inherit;
  8. }
  9. td {
  10. width: 20px;
  11. background-color: grey;
  12. text-align: center;
  13. }
  14. table {
  15. padding: 10px;
  16. background-color: rgb(211, 208, 208);
  17. }
  18. input {
  19. margin-right: 10px;
  20. }
  21. .calc{
  22. display: flex;
  23. justify-content: center;
  24. }
  25. #result{
  26. text-align: center;
  27. color: aqua;
  28. font-size: 20px;
  29. }
  30. .greetings ,.introduction {
  31. display: flex;
  32. justify-content: center;
  33. height: auto;
  34. margin-bottom: 5px;
  35. background-color: grey;
  36. }
  37. .greetings__p , .introduction__p{
  38. color: green;
  39. margin: 0;
  40. margin-right: 5px;
  41. font-size: 15px;
  42. }
  43. .greetings__span ,.introduction__span{
  44. color: rgb(255, 161, 10);
  45. margin: 0;
  46. margin-right: 5px;
  47. font-size: 15px;
  48. }