body {
  background-color:rgb(255, 239, 213);
  color:black;
  font-family:typewriter;icecream;crystal
}

@font-face {
src: url(https://anitypewriter.ttf);
font-family: typewriter;

@font-face {
src: url(https:icecream.otf);
font-family: icecream;
@font-face {
src: url(https:crystaluniverse-regular.ttf)
font-family: crystal

}
/* ----------------------------------------------
 * Generated by Animista on 2026-7-27 18:14:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}


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


aside{
  width: 300px;
  height: 400px;
  background-image: url();
  background-size: 300px;
  position: absolute;
}
.grid
display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap: 5px;
  flex-wrap: wrap;
main{
  width: 850px;
  height: auto;
  background-color: white
  border: 4px double HotPink;
  color: black;
  
  margign-left: 315px;
  padding: 10px;
}