_header.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .header {
  2. padding: 57px 0 146px 0;
  3. background-color: #EEEFF1;
  4. &__logo {
  5. font-family: 'Revalia', cursive;
  6. color: #34547A;
  7. font-weight: normal;
  8. font-size: 48px;
  9. line-height: 60px;
  10. }
  11. &__wrapper {
  12. display: flex;
  13. justify-content: space-between;
  14. align-items: center;
  15. img {
  16. width: 357px;
  17. height: 233.7px;
  18. }
  19. }
  20. &__pc {
  21. display: flex;
  22. position: relative;
  23. justify-content: space-around;
  24. list-style: none;
  25. li a{
  26. padding-left: 42px;
  27. font-family: Roboto;
  28. font-style: normal;
  29. font-weight: 500;
  30. font-size: 16px;
  31. line-height: 26px;
  32. letter-spacing: 0.1em;
  33. color: #34547A;
  34. text-decoration: none;
  35. }
  36. }
  37. &__top{
  38. display: flex;
  39. justify-content: space-between;
  40. align-items: center;
  41. margin-bottom: 161px;
  42. h2 {
  43. margin: 0;
  44. }
  45. a {
  46. text-decoration: none;
  47. }
  48. }
  49. &__content{
  50. padding-left: 131px;
  51. font-style: normal;
  52. font-weight: normal;
  53. font-size: 16px;
  54. line-height: 26px;
  55. color: #727272;
  56. h1 {
  57. font-style: normal;
  58. font-size: 48px;
  59. line-height: 79px;
  60. color: #000000;
  61. margin-bottom: 44px;
  62. }
  63. p {
  64. margin:0 0 60px 0;
  65. }
  66. }
  67. &__burger {
  68. display: none;
  69. }
  70. }