project.css 1022 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @font-face {
  2. font-family: 'ENFB';
  3. src: url('./font/enB.ttf') format('truetype');
  4. unicode-range: U+0000-007F;
  5. }
  6. .projectA {
  7. background-color: #ffffff;
  8. padding: 20px 60px;
  9. }
  10. .projectA .headrow {
  11. display: flex;
  12. justify-content: flex-start;
  13. gap: 35px;
  14. align-items: center;
  15. }
  16. .projectB {
  17. background-color: #f9faff;
  18. padding: 20px 60px;
  19. }
  20. .projectB .headrow {
  21. display: flex;
  22. justify-content: flex-end;
  23. gap: 35px;
  24. align-items: center;
  25. }
  26. .headrow h1{
  27. font-family: "ENFB", sans-serif;
  28. font-size: 55px;
  29. }
  30. .buttons {
  31. display: flex;
  32. gap: 10px;
  33. }
  34. button{
  35. vertical-align: middle;
  36. width: 130px;
  37. height: 45px;
  38. padding: 15px 20px;
  39. border: none;
  40. border-radius: 5px;
  41. cursor: pointer;
  42. font-size: 20px;
  43. text-decoration: none;
  44. display: inline-block;
  45. line-height: 15px;
  46. text-align: center;
  47. color: white;
  48. margin-right: 15px;
  49. }
  50. .buttonB{
  51. background-color: #debc5e;
  52. }
  53. .buttonA{
  54. background-color: #5e84de;
  55. }