* {
    cursor: url(https://fleurs.neocities.org/pictures/424d3189.png), auto !important;
}
@font-face {
  font-family: outfit;
  src: url('https://file.garden/ad_sVfVIV3ilAFzt/Outfit-VariableFont_wght.ttf');
}
@font-face {
  font-family: quicksand;
  src: url('https://file.garden/ad_sVfVIV3ilAFzt/Quicksand-VariableFont_wght.ttf');
}
::selection {
  background-color: rgb(255, 229, 235);
  color: hotpink;
  font-weight: 500;
}
body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgb(255, 234, 240);
    height: 100vh;
    margin: 0;
    color: rgb(84, 29, 38);
    font-family: georgia;
    letter-spacing: 1px;
}
box {
    background-color: rgb(255, 248, 250);
    border-radius: 10px;
    border: 1px solid rgb(182, 115, 115);
    outline-offset: -5px;
    outline: 1px dashed rgb(182, 115, 115);
    padding: 15px;
    box-sizing: border-box;
    height: 32em;
    width: 20em;
}
.blogscroll {
    padding-right: 10px;
    height: 300px;
    overflow-y: auto;
    margin-top: 5px;
}
article {
    border-left: 2px solid rgb(255, 176, 215);
    padding-left: 5px;
    font-size: 13px;
    margin-top: 0.5em;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
h3 {
    margin-top: 0.3em;
    font-family: quicksand;
    font-weight: 700;
    font-size: 17px;
}
h4 {
    background-color: rgb(255, 233, 239);
    padding: 2px 3px 2px 3px;
    font-family: quicksand;
    font-weight: 700;
    font-size: 14px;
    margin-top: 0.7em;
    text-indent: 10px;
}
summary {
    background-color: rgb(255, 239, 244);
    border-left: 4px solid rgb(255, 193, 212);
    border-radius: 3px;
    padding: 2px 0 2px 6px;
    font-family: quicksand;
    font-weight: 700;
    font-size: 14px;
    margin-top: 0.7em;
}
summary::marker {
  color: hotpink;
}
h6 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 10px;
    color: rgb(145, 145, 145);
    font-family: outfit;
    font-weight: 200;
}
p {
    font-size: 13px;
    margin-top: 0.5em;
}
.tags {
    line-height: 35px;
    user-select: text;
}
#icon {
    border-radius: 50%;
    border: 1px solid rgb(206, 162, 162);
    box-sizing: border-box;
    box-shadow: 1px 3px 5px rgb(229, 229, 229);
}
a {
    color: rgb(42, 38, 121);
    letter-spacing: 1.5px;
    text-underline-offset: 2px;
}
a:hover {
    font-style: italic;
}
section {
    margin: 0.7em 0 1em 0;
}
mark {
    background-color: rgb(255, 251, 228);
    border: 1px solid rgb(247, 229, 206);
    border-radius: 8px;
    font-family: quicksand;
    font-weight: 500;
    font-size: 13px;
    padding: 2px 4px 2px 4px;
}
#hrt {
    color: hotpink;
}
.tags ::selection {
  background-color: transparent;
  color: rgb(124, 48, 59);
}
footer {
    font-size: 13px;
    margin-top: 0.5em;
}
::-webkit-scrollbar {
  width: 7px;
  margin-left: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgb(255, 243, 247);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fcd1e3; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffabcf; 
}