.container {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0%;
  box-sizing: border-box;
}

 /* body {
  min-height: 100vh;
  background: linear-gradient(200deg, #200bff, #00d0ff, #000000, #0d00ff);
  background-size: 800% 800%;
  background-attachment: fixed; 
  animation: gradientShift 15s ease infinite;
}
@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}  */
 body {
  background-color: rgb(0, 0, 0);
  z-index: -1;
  background-attachment: fixed;
   background-repeat: no-repeat ;
  background-size: cover;
} 
body{
  background-image: url(./bg-stars.svg); 
}

.quad-default {
  background-image: url(./e72fb00e-7d70-4901-b26e-c7b7143c3b40.jpeg);
  /* background-attachment: fixed; */
  background-repeat: no-repeat ;
  background-color: rgb(73, 69, 69);
  background-position: center;
  background-size: contain;
}
#quad-delete {
  background-image: url(./Among\ us.jpeg);
  /* background-attachment: fixed; */
  background-repeat: no-repeat ;
  background-color: rgb(0, 0, 0);
  background-position: center;
  background-size: 70%;
  background-position:  bottom;
}
#quad-delegate {
  background-image: url(./warning.jpeg) ;
  /* background-attachment: fixed; */
  /* transform: rotate(45deg); */
  background-repeat: no-repeat ;
  background-color: rgb(0, 0, 0);
  background-position: bottom;
  background-size: 40%;
}
#quad-decide {
  background-image: url(./Schedule.jpeg);
  /* background-attachment: fixed; */
  background-repeat: no-repeat ;
  background-color: rgb(39, 36, 36);
  background-position: center;
  background-size: contain;
}
#quad-done {
  background-image: url(./to\ be\ continued.jpeg);
  /* background-attachment: fixed; */
  background-repeat: no-repeat ;
  background-color: rgb(0, 0, 0);
  background-position: center;
  background-size: contain;
}

#quad-do {
  background-image: url(./duck.jpeg);
  /* background-attachment: fixed; */
  background-repeat: no-repeat ;
  background-color: rgb(242, 229, 201);
  background-position: center;
  background-size: 40%
}

.opc{
  background-color: rgba(85, 92, 106, 0.407);
}