style.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @use "bulma/sass" with (
  2. $menu-list-link-padding: 0.1em 0.1em
  3. );
  4. @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
  5. @import url("https://fonts.googleapis.com/css2?family=Abel&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
  6. a,
  7. a:link {
  8. color: #c4a6f7;
  9. }
  10. a:active,
  11. a:hover {
  12. color: #ff7300;
  13. }
  14. p {
  15. text-align: justify;
  16. }
  17. body {
  18. font-family: "Abel", serif;
  19. font-optical-sizing: auto;
  20. font-weight: 400;
  21. font-style: normal;
  22. }
  23. .menu {
  24. text-transform: capitalize;
  25. letter-spacing: 0em;
  26. line-height: 1em;
  27. font-size: 16px;
  28. }
  29. .container.left {
  30. margin: 0px;
  31. }
  32. .primary {
  33. color: #03d0e2;
  34. }
  35. .nav {
  36. padding: 60px;
  37. }
  38. .logo {
  39. font-family: "Cormorant Garamond", serif;
  40. font-optical-sizing: auto;
  41. font-weight: 300;
  42. line-height: 1.2em;
  43. font-size: 27px;
  44. font-style: normal;
  45. text-transform: uppercase;
  46. color: #03d0e2;
  47. a,
  48. a:hover,
  49. a:link,
  50. a:active {
  51. color: #03d0e2;
  52. }
  53. }
  54. .meta {
  55. position: absolute;
  56. left: 50px;
  57. bottom: 50px;
  58. width: 195px;
  59. /* z-index: 999; */
  60. /* opacity: 0; */
  61. }