.title {
    font-family: "Comfortaa", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    animation: anim 1s linear infinite;
    background-image: linear-gradient(180deg, #FF6666, #FFAA66, #FFDD66, #66FFCC, #6699FF, #9966FF, #FF6666);
    background-size: 100% 200%;
    color: transparent;
    background-clip: text;
    text-align:center;
    font-size:100px;
    margin-bottom: 0px;
    padding-top: 60px
  }
  
.transition-gradient {
  height: 100px;
  background: linear-gradient(180deg, #000000, #222222);
}
  
.title-bg {
  background-color: #000000;
}
  
@keyframes anim {
  from {
    background-position: 0% 200%;
  }
  
  to {
    background-position: 0% 0%;
  }
}
  
body {
  background-color: #222222;
    
}
  
main {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color:whitesmoke;
  margin-left: 20px;
  margin-right:20px
}
  
header p {
  text-align: center;
  font-size: 20px;
  margin: 0px;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color:whitesmoke;
  padding-bottom: 20px;
}
  
header a {
  position:absolute;
  top:20px;
  left:20px;
  color:whitesmoke;
}
  
a.link-1:hover {
  color:white;
}
  
.red {
  color:#FF6666;
  font-weight: 750;
}
  
.blue {
  color:#6699FF;
  font-weight: 750;
}
  
.aqua {
  color:#66ffff;
  font-weight: 750;
}
  
img {
  border-radius: 100%;
}

h2 {
  text-align:center;
  padding-bottom: 30px;
}

.strikethrough {
  text-decoration: line-through;
}

.custom-card-bg {
  background-image: url(https://t4.ftcdn.net/jpg/01/28/98/53/360_F_128985367_mNdX0b56w6OcgiyUDnZwukpK1bkpfWwI.jpg);
  color: white;
}

#taskContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.draggable-card {
  transition: transform 0.1s ease;
}

.dragging {
  opacity: 0.7;
  cursor: grabbing;
}

.custom-color {
  background-color: #000000;
}

.custom-color-2 {
  background-color: #222222;
}

h3 {
  padding-top: 30px;
  padding-left: 40px;
}

li {
  margin-left: 50px;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

hr {
  margin: 20px;
}