_layout.scss 660 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. $header-height : 150px;
  2. .layout-container {
  3. position: relative;
  4. width: 100vw;
  5. background-color: $background-home;
  6. font-family: 'Marianne';
  7. font-weight: 400;
  8. font-style: normal;
  9. margin: none;
  10. top: 0%;
  11. left: 0%;
  12. width: 100%;
  13. overflow: hidden;
  14. display: flex;
  15. flex-flow: row wrap;
  16. header{
  17. flex: 0 0 100%;
  18. }
  19. main{
  20. position: relative;
  21. // top: -7rem;
  22. }
  23. footer{
  24. flex: 0 0 100%;
  25. }
  26. }
  27. .layout-content{
  28. padding-top: 7rem;
  29. padding-bottom: 6rem;
  30. width: 60%;
  31. margin: auto;
  32. }
  33. main{
  34. width: 100%;
  35. }
  36. .main-content{
  37. margin-top: 7rem;
  38. }