style.css 621 B

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