footer.scss 761 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import 'colors.scss';
  2. footer {
  3. color:white;
  4. background-color:grey;
  5. p {
  6. text-align:center;
  7. }
  8. .flex {
  9. padding:2em 0;
  10. display:flex;
  11. justify-content:space-around;
  12. background-color: $darker-blue;
  13. h2 {
  14. margin-top:0;
  15. }
  16. }
  17. }
  18. .copyright {
  19. padding:2em;
  20. }
  21. /* there is only one form on the website */
  22. form {
  23. label {
  24. min-width:10em;
  25. display:inline-block;
  26. padding-left:2em;
  27. }
  28. input {
  29. min-width:15em;
  30. display:inline-block;
  31. margin-left:2em;
  32. margin-bottom:2em;
  33. }
  34. textarea {
  35. margin-left:2.5em;
  36. }
  37. ul {
  38. list-style-type:none;
  39. }
  40. fieldset {
  41. margin-bottom:2em;
  42. }
  43. }