body {
  background-image: url(https://e.snmc.io/i/fullres/w/8f646df55d439df36fda89c8aed9f1d6/7248739);
  background-repeat: repeat; /* or repeat-x / repeat-y */
  background-size: 50px 50px; /* Set width and height */
}
.theme1 {
  background-color: green;
  background-image: url(DOINALLAT.jpg);
  background-repeat: repeat; /* or repeat-x / repeat-y */
  background-size: 50px 75px; /* Set width and height */
}
.theme2 {
  background-color: white;
  background-image: url(i-miss-you.gif);
  background-repeat: repeat; /* or repeat-x / repeat-y */
  background-size: 50px 50px; /* Set width and height */
}
  
p {
  background-color: #D8BFD8; /* Change to any color */
  color: white;
  padding: 5px;
}
.p-alt {
  background-color: white; /* Change to any color */
  color: purple;
  padding: 7px;
}
.bold-blue {
  color: darkblue;
  font-weight: bold;
}
.altscheme {
  background-color: lightgreen;
  padding: 14px;
  font-weight: bold;
  color: black;
}
h1 {
  background-color: black;
  color: white;
}
.cool-button {
  background-color: transparent;
    background-image: linear-gradient(135deg, #26cacf, #4c49d6); /* Cool gradient */
    color: white; /* White text */
    border: black; /* Remove default border */
    padding: 3px 8px; /* Add space inside */
    font-size: 36px; /* Make text larger */
    font-weight: bold; /* Bold text */
  border-radius: 18px;
}

/* Hover Effect */
.cool-button:hover {
    
    transform: scale(1.3); /* Slightly grow */
}

/* Active Effect (When Clicked) */
.cool-button:active {
    transform: scale(0.5); /* Slightly shrink */

}