Advertisement
Hydrase

CSS Stylesheet

Jun 30th, 2025
19
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.83 KB | None | 0 0
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6.  
  7. html, body {
  8. height: 100%;
  9. font-family: 'Segoe UI', sans-serif;
  10. overflow-x: hidden;
  11. color: white;
  12. position: relative;
  13. z-index: 1;
  14. }
  15.  
  16. /* Video background */
  17. video.bg-video {
  18. position: fixed;
  19. top: 0;
  20. left: 0;
  21. min-width: 100%;
  22. min-height: 100%;
  23. object-fit: cover;
  24. z-index: -2;
  25. }
  26.  
  27. /* Dark overlay to preserve readability */
  28. .overlay {
  29. position: fixed;
  30. top: 0;
  31. left: 0;
  32. width: 100%;
  33. height: 100%;
  34. background: rgba(0, 0, 0, 0.85);
  35. z-index: -1;
  36. }
  37.  
  38. header {
  39. text-align: center;
  40. padding: 40px;
  41. }
  42.  
  43. header h1 {
  44. font-size: 3em;
  45. margin-bottom: 10px;
  46. }
  47.  
  48. nav a {
  49. color: #aaa;
  50. margin: 0 15px;
  51. text-decoration: none;
  52. font-weight: bold;
  53. }
  54.  
  55. nav a:hover {
  56. color: #fff;
  57. border-bottom: 2px solid #e67e22;
  58. }
  59.  
  60. .section {
  61. padding: 40px 20px;
  62. text-align: center;
  63. }
  64.  
  65. .section h2 {
  66. font-size: 2em;
  67. margin-bottom: 20px;
  68. }
  69.  
  70. .featured {
  71. display: flex;
  72. justify-content: center;
  73. flex-wrap: wrap;
  74. gap: 20px;
  75. }
  76.  
  77. .album {
  78. background-color: rgba(34, 34, 34, 0.9);
  79. padding: 15px;
  80. border-radius: 10px;
  81. width: 200px;
  82. transition: transform 0.3s;
  83. }
  84.  
  85. .album:hover {
  86. transform: scale(1.05);
  87. }
  88.  
  89. .album img {
  90. width: 100%;
  91. border-radius: 8px;
  92. }
  93.  
  94. .album-title {
  95. margin-top: 10px;
  96. font-size: 0.95em;
  97. }
  98.  
  99. .subscribe input[type="email"] {
  100. padding: 10px;
  101. width: 250px;
  102. border: none;
  103. border-radius: 5px;
  104. margin-right: 10px;
  105. }
  106.  
  107. .subscribe button {
  108. padding: 10px 20px;
  109. border: none;
  110. background: #e67e22;
  111. color: #fff;
  112. border-radius: 5px;
  113. cursor: pointer;
  114. transition: background 0.3s;
  115. }
  116.  
  117. .subscribe button:hover {
  118. background: #f39c12;
  119. }
  120.  
  121. footer {
  122. padding: 20px;
  123. text-align: center;
  124. font-size: 0.9em;
  125. color: #bbb;
  126. }
  127.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement