style.css 926 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. html {
  2. scroll-behavior: smooth;
  3. }
  4. body {
  5. background-color: #121212;
  6. font-family: 'Times New Roman', Times, 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. position: relative;
  20. width: 99%;
  21. min-height: 70%;
  22. margin: 20px;
  23. }
  24. .main_text {
  25. position: absolute;
  26. top: 50px;
  27. left: 20%;
  28. transform: translate(-50%, -50%);
  29. text-align: left;
  30. border: 0.5px solid white;
  31. border-radius: 0px;
  32. padding: 15px;
  33. margin: 20px;
  34. color: white;
  35. }
  36. .main_img {
  37. position: absolute;
  38. top: 50px;
  39. left: 68%;
  40. width: 25%;
  41. height: auto;
  42. border-radius: 70%;
  43. object-fit: cover;
  44. }
  45. .contacts {
  46. position: absolute;
  47. top: 250px;
  48. left: 17.5%;
  49. transform: translate(-50%, -50%);
  50. text-align: left;
  51. border: 0.5px solid white;
  52. border-radius: 0px;
  53. padding: 15px;
  54. margin: 20px;
  55. color: white;
  56. }