project.css 927 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .projects_page {
  2. height: 120vw;
  3. background-color: #dcb495;
  4. }
  5. .project_header {
  6. height: 25vw;
  7. width: 100%;
  8. display: flex;
  9. align-items: center;
  10. justify-content: space-around;
  11. }
  12. .project_logo {
  13. margin-top: 30px;
  14. width: 15vw;
  15. height: 15vw;
  16. border: 0.2vw solid #ffffff;
  17. border-radius: 2vw;
  18. }
  19. .brand_block {
  20. height: 25vw;
  21. display: flex;
  22. flex-direction: column;
  23. align-items: center;
  24. justify-content: space-between;
  25. color: #dcb495
  26. #a8886f
  27. #f5d3b8
  28. #a65b1e
  29. #d49d51
  30. #face7d
  31. #ffe8d6
  32. #a8876b
  33. #fff2e8
  34. #c79b77
  35. #d69d5c;
  36. }
  37. .name_project {
  38. font-size: 3vw;
  39. }
  40. .edit_block {
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. .edit_button {
  46. width: 4.5vw;
  47. height: 4.5vw;
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. }
  52. .edit_button_image {
  53. height: 3vw;
  54. width: 3vw;
  55. }