182 lines
2.5 KiB
CSS
182 lines
2.5 KiB
CSS
.lostAeon{
|
|
color: yellow;
|
|
}
|
|
|
|
.kiki_pixel{
|
|
border: 1px solid var(--celeste)
|
|
}
|
|
|
|
.floating_head{
|
|
position: absolute;
|
|
}
|
|
|
|
.floating_head_cont{
|
|
position: relative;
|
|
height: 150px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(1){
|
|
margin-top: 95px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(2){
|
|
margin-top: 66px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(3){
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(4){
|
|
margin-top: 44px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(5){
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(6){
|
|
margin-top: 58px;
|
|
width: 30px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(7){
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(9){
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(10){
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(11){
|
|
margin-top: 63px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(11) > img{
|
|
width: 30px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(12){
|
|
margin-top: 91px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(13){
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(13) > img{
|
|
width: 50px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(14){
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(15){
|
|
margin-top: 37px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(16){
|
|
margin-top: 88px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(17){
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(18){
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(19){
|
|
margin-top: 38px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(20){
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.floating_head_cont > :nth-child(21){
|
|
margin-top: 38px;
|
|
}
|
|
|
|
/* .floating_head_cont > :nth-child(22){
|
|
margin-top: 9px;
|
|
} */
|
|
|
|
/* .floating_head_cont > :nth-child(23){
|
|
margin-top: 74px;
|
|
} */
|
|
|
|
.king{
|
|
position: absolute;
|
|
}
|
|
|
|
.small_ship > :nth-child(5), .small_ship > :nth-child(1){
|
|
width: 32px;
|
|
}
|
|
|
|
.big_ship > :nth-child(1){
|
|
width: 90px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
|
|
.small_ship > img{
|
|
width: 64px;
|
|
}
|
|
|
|
.big_ship{
|
|
right: 0;
|
|
}
|
|
|
|
.zenkantai, .ute{
|
|
color: var(--celeste);
|
|
position: absolute;
|
|
left: 5%;
|
|
}
|
|
|
|
.zenkantai{
|
|
font-size: 28px;
|
|
}
|
|
|
|
.ute{
|
|
font-size: 32px;
|
|
bottom: 0;
|
|
left: 10%;
|
|
}
|
|
|
|
.explosion{
|
|
position: absolute;
|
|
}
|
|
|
|
.explosion:nth-of-type(1){
|
|
top: 10%;
|
|
left: 20%;
|
|
}
|
|
|
|
.explosion:nth-of-type(2){
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
|
|
.explosion:nth-of-type(3){
|
|
top: 50%;
|
|
}
|
|
|
|
.explosion:nth-of-type(4){
|
|
top: -20px;
|
|
}
|
|
|
|
.explosion:nth-of-type(5){
|
|
top: 30%;
|
|
left: 70%;
|
|
}
|
|
|
|
.explosion:nth-of-type(6){
|
|
left: 70%;
|
|
} |