style.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. body {
  2. background-color: #00897b;
  3. /*
  4. background-color: #ffffff;
  5. */
  6. margin:80px 80px 100px 100px;
  7. }
  8. .icon {
  9. width: 60px;
  10. height: 60px;
  11. }
  12. .flex{
  13. display: flex;
  14. flex-direction: row;
  15. justify-content: center;
  16. align-content: space-around;
  17. align-items: center;
  18. min-height: 70vh;
  19. }
  20. .a{
  21. padding: 20px;
  22. }
  23. td {
  24. padding: 15px;
  25. }
  26. div#header {
  27. position:fixed;
  28. top:0px;
  29. left:0px;
  30. width:100%;
  31. color:#CCC;
  32. background:#333;
  33. padding:20px;
  34. }
  35. div#footer {
  36. position:fixed;
  37. bottom:0px;
  38. left:0px;
  39. width:100%;
  40. color:#CCC;
  41. background:#333;
  42. padding:8px;
  43. }
  44. .button {
  45. color: white;
  46. padding:54px 32px;
  47. text-align: center;
  48. text-decoration: none;
  49. font-size: 16px;
  50. margin: 4px 2px;
  51. cursor: pointer;
  52. -webkit-transition-duration: 0.4s;
  53. transition-duration: 0.4s;
  54. }
  55. .button-normal {
  56. color: white;
  57. padding:18px 32px;
  58. text-align: center;
  59. text-decoration: none;
  60. font-size: 16px;
  61. margin: 4px 2px;
  62. cursor: pointer;
  63. -webkit-transition-duration: 0.4s;
  64. transition-duration: 0.4s;
  65. }
  66. .button:hover {
  67. box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  68. }
  69. .button-normal:hover {
  70. box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  71. }