GPM by TomDoesGithub

/* ==UserStyle==
@name        GPM
@version     2024.06.09
@namespace   userstyles.world/user/tom2089
@description No more youtube music lol
@author     tom2089
@license     No License
==/UserStyle== */

@-moz-document url-prefix("https://music.youtube.com/") {
/* ==UserStyle==
@name     YTM
@namespace https://github.com/M7MDE7EGAZY
@version   1.0.1
@author    T2
@license   Licensless
==/UserStyle== */

/*

This is a basic CSS template to style your website.

*/

/* General styles */

body {
  /* Set font family, size, and color */
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
  /* Set background color or image */
  background-color: #fff;
  /* Add margin for content area */
  margin: 0 auto;
  /* Set width if needed */
  width: 80%;
}

/* Headers */

h1, h2, h3 {
  /* Set font size, weight, and margin */
  font-size: 2em;
  font-weight: bold;
  margin: 1em 0;
}

/* Navigation bar */

.nav-bar {
  /* Set background color, padding, and margin */
  background-color: #f0f0f0;
  padding: 10px;
  margin-bottom: 20px;
}

.nav-link {
  /* Style navigation links (color, hover effect, etc.) */
  color: #000;
  text-decoration: none;
  padding: 5px 10px;
  display: inline-block;
  /* Add hover effect */
  transition: all 0.2s ease-in-out;
}

.nav-link:hover {
  background-color: #ddd;
}

/* Main content area */

.main-content {
  /* Set padding for content area */
  padding: 20px;
}

/* Paragraphs */

p {
  /* Set line spacing and margin */
  line-height: 1.5;
  margin: 1em 0;
}

/* Images */

img {
  /* Set max-width and margin */
  max-width: 100%;
  margin: 10px;
}

/* Forms */

form {
  /* Set padding and margin */
  padding: 10px;
  margin-bottom: 20px;
}

/* Buttons */

button {
  /* Set background color, border, padding, etc. */
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  /* Add hover effect */
  transition: all 0.2s ease-in-out;
}

button:hover {
  background-color: #3e8e41;
}

/* You can add additional styles for specific elements on your website */

.special-class {
  /* Styles for elements with the "special-class" class */
}

/* Media queries for responsive design (optional) */

@media (max-width: 768px) {
  /* Styles for screens smaller than 768px */
  body {
    font-size: 14px;
  }
  .nav-bar {
    text-align: center;
  }
}