style.scss 512 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // NavTab
  2. #navTab {
  3. position: relative;
  4. display: flex;
  5. flex-wrap: wrap;
  6. flex-direction: row;
  7. row-gap: 10px;
  8. column-gap: 15px;
  9. padding: 25px 0 0 32px;
  10. > article {
  11. > a {
  12. color: #0D6295;
  13. transition: color 0.3s;
  14. &:hover, &.active {
  15. color: #e47911;
  16. text-decoration: underline;
  17. }
  18. &.active {
  19. font-weight: bold;
  20. }
  21. }
  22. }
  23. }
  24. @media (max-width: 576px) {
  25. main {
  26. #navTab {
  27. padding: 15px 0 0 10px;
  28. }
  29. #board, #contact, #faq, #guide {
  30. padding: 0 10px 22px 10px;
  31. }
  32. }
  33. }