style.css 838 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /* Andrey Shevchenko. FEA-23. Home work #3-5. */
  2. * {
  3. padding: 0;
  4. margin: 0;
  5. box-sizing: border-box;
  6. }
  7. body {
  8. font-family: 'Roboto', sans-serif;
  9. }
  10. header {
  11. background: #ff8888;
  12. height: 150px;
  13. line-height: 150px;
  14. text-align: center;
  15. font-weight: 400;
  16. font-size: 96px;
  17. }
  18. .wrapper {
  19. display: flex;
  20. flex-direction: row-reverse;
  21. /* margin: 0 auto; */
  22. /* min-width: 320px; */
  23. }
  24. .maincont {
  25. min-height: 725px;
  26. width: calc(100% - 390px);
  27. background: rgba(58, 249, 77, 1);
  28. font-size: 96px;
  29. text-align: center;
  30. }
  31. .fio {
  32. font-size: 30px;
  33. text-align: center;
  34. }
  35. .sidebar {
  36. background: rgba(248, 252, 40, 1);
  37. width: 390px;
  38. font-size: 72px;
  39. text-align: center;
  40. }
  41. footer {
  42. background: #88c6ff;
  43. height: 145px;
  44. line-height: 145px;
  45. text-align: center;
  46. font-weight: 400;
  47. font-size: 96px;
  48. }