home.css 878 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. body, html {
  2. height: 100%;
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. h1 {
  7. margin-top: 0px;
  8. font-size: 6em;
  9. font-size: 6vw;
  10. text-align: center;
  11. }
  12. h2 {
  13. font-size: 3em;
  14. font-size: 4vw;
  15. position: fixed;
  16. bottom: 0px;
  17. width: 50%;
  18. }
  19. span {
  20. border-style: solid;
  21. border-width: 2px;
  22. border-radius: 2px;
  23. border-color: #ffd8e1;
  24. margin: 5px;
  25. padding: 10px;
  26. background-color: rgba(253, 244, 255, 0.5);
  27. }
  28. #journey {
  29. position: fixed;
  30. text-align: right;
  31. bottom: 0px;
  32. right: 0px;
  33. width: 45%;
  34. margin-right: 30px;
  35. }
  36. .bg {
  37. margin: 0px;
  38. background-image: url('/static/photos/homepage.jpg');
  39. height: 100%;
  40. background-position: center;
  41. background-repeat: no-repeat;
  42. background-size: cover;
  43. }
  44. h1, h2 {
  45. color: #ffd8e1;
  46. /* color: #f44274; */
  47. font-family: verdana;
  48. -webkit-text-stroke-width: 1px;
  49. -webkit-text-stroke-color: black;
  50. text-shadow: 2px 2px black;
  51. padding: 10px;
  52. }