styles.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* You can add global styles to this file, and also import other style files */
  2. /*body {*/
  3. /* margin: 0;*/
  4. /* height: 100vh*/
  5. /*}*/
  6. body {
  7. margin: 0;
  8. padding: 0;
  9. height: 100%;
  10. width: 100%;
  11. }
  12. html {
  13. margin: 0;
  14. padding: 0;
  15. height: 100vh;
  16. width: 100%;
  17. }
  18. .logo {
  19. font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
  20. /*font-family: Impact, fantasy;*/
  21. font-size: 32px;
  22. font-weight: bold;
  23. text-decoration: none;
  24. color: #d1572d;
  25. text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  26. }
  27. @keyframes hover-in {
  28. from { filter: brightness(1.0); }
  29. to { filter: brightness(1.4); }
  30. }
  31. @keyframes hover-out {
  32. from { filter: brightness(1.4); }
  33. to { filter: brightness(1.0); }
  34. }
  35. .logo:hover {
  36. animation: hover-in 0.5s forwards;
  37. animation-timing-function: ease-in-out;
  38. }
  39. .logo:not(:hover) {
  40. animation: hover-out 1s forwards;
  41. animation-timing-function: ease-in-out;
  42. }
  43. a {
  44. text-decoration: none;
  45. color: #1a0b06;
  46. }
  47. .navbar-button {
  48. font-family: Courier New, monospace;
  49. font-weight: bold;
  50. }
  51. h2 {
  52. font-family: Courier New, monospace;
  53. font-weight: bold;
  54. }