styles.css 864 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. body {
  2. background-color: #230b36;
  3. font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  4. display: flex;
  5. justify-content: center;
  6. }
  7. .personInfo,
  8. .smartphoneInfo,
  9. .laptopInfo {
  10. font-size: 16px;
  11. width: 640px;
  12. text-align: left;
  13. border-collapse: collapse;
  14. background: #252f48;
  15. margin: 10px;
  16. }
  17. .personInfo,
  18. .smartphoneInfo,
  19. .laptopInfo,
  20. th {
  21. color: #edb749;
  22. border-bottom: 1px solid #37b5a5;
  23. padding: 12px 17px;
  24. }
  25. .personInfo,
  26. .smartphoneInfo,
  27. .laptopInfo,
  28. td {
  29. color: #cad4d6;
  30. border-bottom: 1px solid #37b5a5;
  31. border-right: 1px solid #37b5a5;
  32. padding: 7px 17px;
  33. }
  34. .personInfo,
  35. .smartphoneInfo,
  36. .laptopInfo,
  37. tr:last-child td {
  38. border-bottom: none;
  39. }
  40. .personInfo,
  41. .smartphoneInfo,
  42. .laptopInfo,
  43. td:last-child {
  44. border-right: none;
  45. }
  46. .personInfo,
  47. .smartphoneInfo,
  48. .laptopInfo,
  49. tr:hover td {
  50. text-decoration: underline;
  51. }