style.css 582 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. html {
  2. scroll-behavior: smooth;
  3. }
  4. body {
  5. background-color: grey;
  6. margin: 50;
  7. }
  8. .main_container {
  9. position: relative;
  10. width: 100%;
  11. min-height: 100vh;
  12. color: white;
  13. margin: 20px;
  14. }
  15. .main_text {
  16. position: absolute;
  17. top: 5%;
  18. left: 25%;
  19. transform: translate(-50%, -50%);
  20. text-align: left;
  21. border: 0.5px solid white;
  22. border-radius: 0px;
  23. padding: 15px;
  24. margin: 20px;
  25. }
  26. .main_img {
  27. position: absolute;
  28. top: 0%;
  29. left: 68%;
  30. width: 25%;
  31. height: auto;
  32. border-radius: 70%;
  33. object-fit: cover;
  34. }
  35. h1 {
  36. color: white;
  37. text-align: center;
  38. }