You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.5 KiB
CSS
95 lines
1.5 KiB
CSS
2 years ago
|
@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;
|
||
|
|
}
|