style.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .cdz {
  2. background-color: #ffffff;
  3. padding: 0;
  4. position: relative;
  5. flex: none;
  6. display: flex;
  7. flex-wrap: wrap;
  8. padding-top: 1rem;
  9. padding-bottom: 7rem;
  10. background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 0.5)), url("//dd.unicraft.org/static/branding/cdz/header/bg.jpg");
  11. background-repeat: no-repeat;
  12. background-size: 100%, cover;
  13. background-position: left center;
  14. border-bottom: 1rem solid #fff;
  15. &_logo {
  16. flex: none;
  17. width: auto;
  18. height: 40px;
  19. margin: 4rem 4rem 0;
  20. margin-right: auto;
  21. }
  22. &_slogan {
  23. margin: 2rem 4rem 0;
  24. padding: 2rem 3rem;
  25. box-shadow: 1rem 1rem 0px 0px #96c11f;
  26. background-color: #ffffff;
  27. font-size: 1.75rem;
  28. font-weight: bold;
  29. flex-basis: 35rem;
  30. text-align: left;
  31. margin-right: 15vw;
  32. span {
  33. white-space: nowrap;
  34. }
  35. @media (max-width: 800px) {
  36. font-size: 1.25rem;
  37. padding: 1rem 2rem;
  38. box-shadow: 0.5rem 0.5rem 0px 0px #96c11f;
  39. }
  40. }
  41. }