style.css 638 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. max-width: 100%;
  12. height: auto;
  13. min-height: 100vh;
  14. color: white;
  15. }
  16. .main_text {
  17. position: absolute;
  18. top: 5%;
  19. left: 30%;
  20. transform: translate(-50%, -50%);
  21. text-align: left;
  22. border: 0.5px solid white;
  23. margin: 20px;
  24. }
  25. .main_img {
  26. position: absolute;
  27. top: 5%;
  28. right: 5%;
  29. width: 20%;
  30. height: auto;
  31. border-radius: 70%;
  32. object-fit: cover;
  33. }
  34. h1 {
  35. color: white;
  36. text-align: center;
  37. }
  38. .welcome_text {
  39. color: white;
  40. text-align: center;
  41. }