style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. html {
  2. scroll-behavior: smooth;
  3. }
  4. body {
  5. background-color: #121212;
  6. font-family: Arial, sans-serif;
  7. }
  8. h1 {
  9. color: white;
  10. text-align: center;
  11. }
  12. .maintaince {
  13. color: white;
  14. font-size: 25px;
  15. line-height: 1.5;
  16. text-align: center;
  17. }
  18. .main_container {
  19. display: flex;
  20. flex-direction: row;
  21. /*border: 0.5px solid rgb(208, 160, 236);*/
  22. }
  23. .text_container {
  24. position: relative;
  25. width: 90%;
  26. min-height: 70%;
  27. margin: 20px;
  28. display: flex;
  29. flex-direction: column;
  30. flex-wrap: wrap;
  31. justify-content: flex-start;
  32. /*border: 0.5px solid rgb(206, 138, 138);*/
  33. }
  34. .img_container {
  35. margin: 20px;
  36. min-height: 40%;
  37. /*border: 0.5px solid rgb(138, 206, 186);*/
  38. }
  39. .main_text {
  40. order: 1;
  41. padding: 15px;
  42. margin: 20px;
  43. text-align: left;
  44. border: 0.5px solid white;
  45. border-radius: 0px;
  46. color: white;
  47. align-self: flex-start;
  48. }
  49. .main_img {
  50. position: static;
  51. width: 50%;
  52. height: auto;
  53. border-radius: 70%;
  54. object-fit: cover;
  55. }
  56. .contacts {
  57. order: 2;
  58. padding: 15px;
  59. margin: 20px;
  60. text-align: left;
  61. border: 0.5px solid white;
  62. border-radius: 0px;
  63. align-self: flex-start;
  64. color: white;
  65. }