@font-face {
    font-family: BD;
    src: url(fonts/BlearyDays.ttf);
}
@font-face {
    font-family: chap;
    src: url(fonts/Chapaza.ttf);
}
body{
    background-color:#FDFFD9;
}

#border{
    border-style: dotted;
    border-color:#8023FF;
}

.code{
text-align: center;
display: block;
border:dotted 4px;
border-color:#0019FF;
width:80%;
margin:auto;
color:#0019FF;
font-size:15px;
font-family: "Lucida Console", "Courier New", monospace; 
}

a{
    color:#18FF00;
}
.memories {
  position: relative;
  width: 50%;
  transform: translateX(50%);
}
.lilpaper {
    width:100%;
    text-align:center;
}

h1{
    font-family: BD; 
    text-align: center;
    color:#7684D5;
    font-size:50px;
}
h2{
    font-family: chap; 
    text-align: center;
    color:#7684D5;
    font-size:25px;
    font-style:underline;
}
h3{   
    font-family: BD; 
    text-align: center;
    color:#82A47E;
    font-size:30px;
}
p{
    text-align: center;
    color:#82A47E;
    font-family: chap; 
    font-size:20px;
}

.float {
    animation: floaty 10s;
    animation-iteration-count: infinite;
    text-align: center;
}

@keyframes floaty {
  0% { transform:  rotate(0deg); }
  50% { transform: rotate(-30deg); }
  100% { transform:  rotate(0deg); }
}
.float2 {
    animation: floaty2 10s;
    animation-iteration-count: infinite;
    text-align: center;
}

@keyframes floaty2 {
  0% { transform:  rotate(0deg); }
  50% { transform: rotate(30deg); }
  100% { transform:  rotate(0deg); }
}

#witch{
    background-color:#18FF00;
    text-align:center;
}