register.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .registration-message {
  2. text-align: center;
  3. padding-bottom: var(--spacing-07);
  4. }
  5. .register-container {
  6. h1 {
  7. @include heading-sm;
  8. color: var(--neutral-90);
  9. margin-bottom: 0;
  10. }
  11. .register-illustration-container {
  12. height: 100%;
  13. display: flex;
  14. align-items: center;
  15. position: relative;
  16. .register-illustration {
  17. position: absolute;
  18. left: 80px;
  19. top: 100px;
  20. // for wide screen
  21. @media (width >= 1700px) {
  22. position: relative;
  23. left: unset;
  24. top: unset;
  25. display: flex;
  26. align-items: center;
  27. justify-content: center;
  28. width: 100%;
  29. }
  30. .register-main-image {
  31. max-width: 850px;
  32. @media (width <= 1350px) {
  33. max-width: 750px;
  34. }
  35. @media (width <= 1150px) {
  36. max-width: 670px;
  37. }
  38. }
  39. .sticky-tags {
  40. position: absolute;
  41. height: 210px;
  42. bottom: -135px;
  43. right: 130px;
  44. // for wide screen
  45. @media (width >= 1700px) {
  46. right: calc(50% - 300px);
  47. }
  48. }
  49. }
  50. }
  51. .recaptcha-branding {
  52. @include body-xs;
  53. text-align: left;
  54. padding: var(--spacing-05) 0;
  55. }
  56. }