/*fonts*/
@font-face {
  font-family: abaddon;
  src: url(Fonts/abaddon/Abaddon_light.ttf);
}

/*body*/
body {
  background-color: rgb(214, 233, 228);
}

/*main*/
main {
  border-width: 18px;
  border-style: solid;
  border-image: url(Images/Borders/lace_heart_border.png) 19 fill round;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin: 5px;
}

/*containers*/
div {
  background-color: #ffffff;
  border-width: 1px;
  border-radius: 5px;
  border-color: rgb(144, 185, 193);
  border-style: solid;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
hr {
  border-top: 1px dashed rgb(144, 185, 193);
}

/*headings*/
h1 {
  font-family: abaddon;
  font-size: 18px;
  color: rgb(239, 148, 148);
  border-bottom: solid 1px rgb(144, 185, 193);
}
h2 {
  font-family: abaddon;
  font-size: 18px;
  color: rgb(239, 148, 148);
  margin: 10px;
}
h1::after, h1::before {
  content: "❀";
  margin: 0 5px;
}

/*paragraph*/
p {
  font-family: abaddon;
  font-size: 16px;
  color: #4e8a8d;
  padding: 0 10px 0 10px;
}
p span {
  background-color: #fbf4ec;
  padding: 5px 10px;
  border-radius: 10px;
}
span{
  font-family: abaddon;
  font-size: 16px;
  color: #4e8a8d;
}
/*lists*/
ul {
  list-style: none;
  padding: 0;
}
ul li {
  font-family: abaddon;
  font-size: 16px;
  color: #4e8a8d;
  padding: 0 10px 0 10px;
}
a {
  text-decoration: none;
  text-decoration-style: none;
  font-family: abaddon;
  color: #4e8a8d;
  font-size: 16px;
  padding: 2px;
}
a:hover {
  color: #ef9494;
}

/*Task List*/
li span{
  font-family: abaddon;
  font-size: 16px;
  color: #4e8a8d;
}
.task {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: default;
  padding-bottom: 2px;
}

/* Hide default checkbox */
.task input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.check::after {
  content: "♡";
}
.task input:checked + .check::after {
  content: "♥";
}

/*Images*/
.cloverdivider {
  padding: 1rem;
}
.chibi_pfp {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border-style: solid;
  border-color: #ffffff;
  border-width: thick;
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(144, 185, 193);
}

/*Dancing Britt Doll*/
.card {
  display: grid;
  border: none
}
.corner-image{
  place-self: end end;
}