html {
    overflow: scroll;
    overflow-x: hidden;
    }
    ::-webkit-scrollbar {
    width: 0; /* remove scrollbar space */
    background: transparent; /* to make scrollbar invisible */
    }
    ::-webkit-scrollbar-thumb {
    background: transparent;
    }

@font-face {
    font-family: DigiBop;
    src: url(https://dl.dropbox.com/s/8maabpvuycdrlai/DigiBop-Regular.ttf);
    }

@font-face {
    font-family: dreams;
    src: url(https://dl.dropbox.com/s/i9lg3nchwvgi6p3/dream.ttf);
    }

@font-face {
    src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
    font-family: hearts;
    }    

@font-face {
    font-family:'Lovely Valentine';
    src: url(https://dl.dropbox.com/s/yumbhl34nyi38yf/Lovely%20Valentine.otf);
    }

@keyframes floating {
    0% { transform: translate(0, 0px); }
    50% { transform: translate(0, 15px); }
    100% { transform: translate(0, -0px); }
    }

/* ----------------------------------------------
 * Generated by Animista on 2026-6-16 18:57:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }  

body {
    background: #000 !important; 
    font-family: hearts;
}

a {
    color: white;
    text-shadow: -1px 0 #424242, 0 1px #424242, 1px 0 #424242, 0 -1px #424242, 0 0;
    background-color: transparent;
    text-decoration: none;
    font-family: hearts;
}

a:hover {
    text-decoration: underline;
    font-style: italic;
    color: black;
}

.main {
    background: #e1e1e1;
    width: 500px;
    height: 500px;
    margin: auto;
    margin-top: 80px;
    padding: 15px;
    position: relative;
}

.section {
    background: white;
    border: 3px solid #870202;
    width: 300px;
    height: 350px;
    padding: 15px;
    position: relative;
    left: -3em;
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    text-align: center;
}

.images {
    border: 3px solid #870202;
    background-color: rgb(255 255 255 / 50%);
    width: 315px;
    height: 55px;
    position: relative;
    left: -3em;
    margin-top: 15px;
    padding: 10px;
}   

.icons {
    width: 300px;
    height: 55px;
    position: relative;
    left: 9.875em;
    top: -0.5em;
    padding: 15px;
}

.right {
    width: 200px;
    height: 540px;
    position: relative;
    left: 19em;
    top: -39em;
}

.message {
    background: linear-gradient(to top, #870202 2%, #FFFFFF 100%);
    border: 1px solid black;
    border-radius: 25px 25px 25px 0px;
    padding: 5px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    text-align: center;
}

mark {
    font-family: DigiBop;
    -webkit-text-stroke: 1px black;
    background: none;
    color: white;
    font-size: 1.5em;
}

symbol {
    font-family: dreams;
    color: black;
    font-size: 1.5em;
}

.scroll {
    width: 200px;
    height: 210px;
    position: absolute;
    top: 20em;
}

button {
    border-radius: 100%;
    padding: 5px;
    background-color: white;
    border: 1px solid #870202;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.whitecloudybox {
    height: 90px;
    width: 100%;
    border: 10px solid transparent;
    box-sizing: border-box;
    border-image: url(https://i.postimg.cc/QM9dMFhq/cloud.png) 50 round;
    padding: 3px;
}
    
.whitecloudyfull { 
    width:100%;
    height:100%;
    overflow-y:auto;
    background:#fff;
    color:black;
    text-align: center;
    padding: 2px;
}

highlight {
    font-family: DigiBop;
    background: #e1e1e1;
    border-radius: 15px;
    padding: 2px;
    border: 1px solid black;
    font-size: 0.75em;
}

bigtext {
    font-family: DigiBop;
    -webkit-text-stroke: 1px black;
    color: white;
    font-size: 2em;
}

.glowpad { margin: 0 auto; padding:10px; width:100%; box-sizing:border-box; }

.glow {
margin: 0 auto;
width:100%;
height:150px;
border:3px solid white;
background:white;
border-radius:10px;
box-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 14px white;
color:black;
overflow-y:auto;
font-family: hearts;
}

sparkle {
    font-family: dreams;
    color: #870202;
}