_header.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .header{
  2. nav{
  3. ul{
  4. text-align: right;
  5. li{
  6. text-transform: uppercase;
  7. display: inline-block;
  8. margin-left: 10px;
  9. a{
  10. }
  11. }
  12. }
  13. }
  14. .title{
  15. .filet{
  16. z-index: -1;
  17. width: auto;
  18. height: 2px;
  19. background: black;
  20. position: absolute;
  21. top: 107px;
  22. left: 50px;
  23. right: 50px;
  24. }
  25. text-align: center;
  26. h1{
  27. a{
  28. padding: 0 50px;
  29. background-color: white ;
  30. }
  31. }
  32. }
  33. .logo{
  34. margin: 50px 0;
  35. width: 100%;
  36. display: inline-flex;
  37. justify-content: space-around;
  38. flex-direction: row;
  39. align-items: center;
  40. & > section{
  41. width: 450px;
  42. }
  43. #user{
  44. div{
  45. text-align: right;
  46. p{
  47. margin:0px;
  48. }
  49. }
  50. }
  51. svg{
  52. width: 350px;
  53. min-width: 200px;
  54. height: 100%;
  55. }
  56. .why_lsdo{
  57. height: 100px;
  58. &>svg{
  59. margin-left: 20px;
  60. transform: rotate(-15deg);
  61. }
  62. & > div{
  63. h3{
  64. transform: rotate(-15deg);
  65. }
  66. p{
  67. display: none;
  68. }
  69. }
  70. }
  71. }
  72. }