main.css 698 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
  2. html,
  3. body {
  4. background-color: #222;
  5. }
  6. body {
  7. padding: 100px 50px;
  8. font: 12px/1 Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  9. color: #fff;
  10. }
  11. h1 {
  12. font-size: 2.5em;
  13. font-weight: normal;
  14. margin-bottom: 10px;
  15. }
  16. p {
  17. text-transform: uppercase;
  18. }
  19. a {
  20. display: inline-block;
  21. padding: 8px 12px;
  22. margin-top: 20px;
  23. color: #fff;
  24. border: 2px solid rgba( 255, 255, 255, 0.5 );
  25. text-decoration: none;
  26. margin-left: 15px;
  27. }
  28. a:hover {
  29. border-color: #fff;
  30. }
  31. header {
  32. position: absolute;
  33. left: 40px;
  34. bottom: 20px;
  35. }
  36. footer {
  37. position: absolute;
  38. right: 40px;
  39. bottom: 20px;
  40. text-align: right;
  41. }