style.css 752 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .body {
  2. font-family: sans-serif;
  3. font-size: 18px;
  4. font-weight: 24px;
  5. }
  6. .header {
  7. display: flex;
  8. flex-wrap: nowrap;
  9. justify-content: space-between;
  10. align-items: center;
  11. }
  12. ul {
  13. margin: 0;
  14. padding: 0;
  15. list-style: none;
  16. }
  17. .main {
  18. display: flex;
  19. flex-wrap: nowrap;
  20. }
  21. .main__main-content {
  22. flex-grow: 1;
  23. }
  24. .main__main-content img {
  25. width: 100px;
  26. }
  27. .visually-hidden:not(:focus):not(:active),
  28. input[type=checkbox].visually-hidden,
  29. input[type=radio].visually-hidden {
  30. position:absolute;
  31. width:1px;
  32. height:1px;
  33. margin:-1px;
  34. border:0;
  35. padding:0;
  36. white-space:nowrap;
  37. -webkit-clip-path:inset(100%);
  38. clip-path:inset(100%);
  39. clip:rect(0 0 0 0);
  40. overflow:hidden
  41. }