main.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* Texts on the front page */
  2. main {
  3. text-align: center;
  4. padding: 0 2rem;
  5. flex: 1;
  6. & > h1 {
  7. margin: 0.2rem;
  8. font-size: 3.6rem;
  9. font-weight: 400;
  10. letter-spacing: -0.2rem;
  11. color: var(--primary-text-color);
  12. }
  13. & p {
  14. margin-top: 8rem;
  15. font-size: 1.6rem;
  16. line-height: 2.5rem;
  17. font-weight: 400;
  18. letter-spacing: -0.1rem;
  19. color: var(--secondary-text-color);
  20. &#privacy-warning {
  21. min-height: 5.3rem;
  22. & > span {
  23. font-weight: 700;
  24. color: var(--theme-green);
  25. }
  26. &.hidden {
  27. opacity: 0;
  28. pointer-events: none;
  29. }
  30. }
  31. }
  32. & > p.tagline {
  33. margin-top: 0;
  34. margin-bottom: 6rem;
  35. font-size: 2rem;
  36. color: var(--tagline-text-color);
  37. }
  38. & a {
  39. font-size: 1.6rem;
  40. font-weight: 700;
  41. letter-spacing: -0.1rem;
  42. color: var(--secondary-text-color);
  43. text-underline-offset: 0.3rem;
  44. transition: text-underline-offset 0.2s;
  45. &:hover {
  46. color: var(--theme-green);
  47. text-underline-offset: 0.5rem;
  48. }
  49. }
  50. }