Newer
Older
My-Portfolio / frontend / src / index.css
  1. @import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600&display=swap");
  2. @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600;700&display=swap");
  3. @import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap");
  4. @import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
  5. @tailwind base;
  6. @tailwind components;
  7. @tailwind utilities;
  8. :root {
  9. --font-base: "DMsans", sans-serif;
  10. --font-sora: "Sora", sans-serif;
  11. --font-code: "Source Code Pro", monospace;
  12. --font-grotesk: "Space Grotesk", sans-serif;
  13. }
  14. * {
  15. scroll-behavior: smooth;
  16. }
  17. .rotate-45 {
  18. @apply rotate-[45deg];
  19. }
  20. .rotate-90 {
  21. @apply rotate-[90deg];
  22. }
  23. .rotate-135 {
  24. @apply rotate-[135deg];
  25. }
  26. .rotate-180 {
  27. @apply rotate-[180deg];
  28. }
  29. .rotate-225 {
  30. @apply rotate-[225deg];
  31. }
  32. .rotate-270 {
  33. @apply rotate-[270deg];
  34. }
  35. .rotate-315 {
  36. @apply rotate-[315deg];
  37. }
  38. .rotate-360 {
  39. @apply rotate-[360deg];
  40. }
  41. .-rotate-45 {
  42. @apply rotate-[-45deg];
  43. }
  44. .-rotate-90 {
  45. @apply rotate-[-90deg];
  46. }
  47. .-rotate-135 {
  48. @apply rotate-[-135deg];
  49. }
  50. .-rotate-180 {
  51. @apply rotate-[-180deg];
  52. }
  53. .-rotate-225 {
  54. @apply rotate-[-225deg];
  55. }
  56. .-rotate-270 {
  57. @apply rotate-[-270deg];
  58. }
  59. .-rotate-315 {
  60. @apply rotate-[-315deg];
  61. }
  62. .-rotate-360 {
  63. @apply rotate-[-360deg];
  64. }