@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Kumar+One&display=swap');
body{
background-color: rgb(0, 0, 0);
}
div{
height: 50px;
position: relative;
}
.q{
width: 500px;
height: 500px;
border: 10ps solid pink;
border-radius: 50%;
background-color: pink;
position: relative;
top: 300px;
left: 500px;
z-index:1;
}
.w{
width: 120px;
height: 400px;
border: 10ps solid pink;
border-radius: 40%;
background-color: pink;
position: relative;
left: 548px;
top:-500px;
z-index: 1;
}
.e{
width: 120px;
height: 400px;
border: 10ps solid pink;
border-radius: 40%;
background-color: pink;
position: relative;
left: 801px;
top:-900px;
z-index: 1 ;
}
.r{
width: 450px;
height: 450px;
border: 10ps solid pink;
border-radius: 50%;
background-color: pink;
position: relative;
top: -790px;
left: 500px;
z-index:2;
}
.t{
width: 232px;
height: 300px;
border: 10ps solid rgb(255, 222, 228);
border-radius: 50%;
background-color: rgb(255, 222, 228);
position: relative;
top: -1102px;
left: 444px;
z-index:4;
}
.u{
width: 265px;
height: 300px;
border: 10ps solid rgb(255, 222, 228);
border-radius: 50%;
background-color: rgb(255, 222, 228);
position: relative;
top: -1402px;
left: 624px;
z-index:5;
}
.i{
width: 98px ;
height: 80px;
border: 10ps solid rgb(0, 0, 0);
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: relative;
top: -1693px;
left: 580px;
z-index:6;
}
.o{
width: 105px ;
height: 50px;
border: 10ps solid rgb(0, 0, 0);
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: relative;
top: -1833px;
left: 531px;
z-index:7;
}
.p{
width: 105px ;
height: 50px;
border: 10ps solid rgb(0, 0, 0);
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: relative;
top: -1918px;
left: 531px;
z-index:7;
}
.s{
width: 105px ;
height: 50px;
border: 10ps solid rgb(0, 0, 0);
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: relative;
top: -2003px;
left: 531px;
z-index:7;
}
.d{
width: 105px ;
height: 50px;
border: 10ps solid rgb(0, 0, 0);
border-radius: 50%;
background-color: rgb(0, 0, 0);
position: relative;
top: -2090px;
left: 531px;
z-index:7;
}
.f{
width: 68px ;
height: 68px;
border: 10ps solid rgb(255, 255, 255);
border-radius: 50%;
background-color: rgb(255, 255, 255);
position: relative;
top: -2135px;
left: 585px;
z-index:8;
}
.g{
width: 50px ;
height: 50px;
border: 10ps solid rgb(167, 167, 167);
border-radius: 50%;
background-color: rgb(255, 255, 255);
position: relative;
top: -2095px;
left: 552px;
z-index:8;
}
.z{
width: 165px ;
height: 164px;
border: 2px solid rgb(177, 63, 63);
border-radius: 50%;
background-color: rgb(223, 172, 172);
position: relative;
top: -2268px;
left: 724px;
z-index:9;
filter: blur(2px);
}
.x{
width: 133px ;
height: 140px;
border: 10ps solid rgb(209, 211, 208);
border-radius: 50%;
background-color: rgb(196, 219, 203);
position: relative;
top: -2417px;
left: 738px;
z-index:10;
filter: blur(8px);
}
.c{
width: 76px ;
height: 75px;
border: 10ps solid rgb(67, 64, 231);
border-radius: 50%;
background-color: rgb(108, 118, 214);
position: relative;
top: -2523px;
left: 749px;
z-index:11;
filter: blur(8px);
}
.v{
width: 60px ;
height: 60px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(26, 30, 59);
position: relative;
top: -2594px;
left: 760px;
z-index:12;
filter: blur(4px);
}
.b{
width: 45px ;
height: 45px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(33, 4, 138);
position: relative;
top: -2648px;
left: 768px;
z-index:13;
filter: blur(4px);
}
.n{
width: 6px ;
height:6px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(189, 204, 218);
position: relative;
top: -2682px;
left: 798px;
z-index:14;
filter: blur(1.5px);
}
.m{
width: 18px ;
height:18px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(69, 85, 230);
position: relative;
top: -2685px;
left: 780px;
z-index:14;
filter: blur(6px);
}
.qq{
width: 20px ;
height:20px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(239, 247, 255);
position: relative;
top: -2735px;
left: 825px;
z-index:15;
filter: blur(3px);
}
.ww{
width: 50px ;
height:24px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(190, 162, 162);
position: relative;
top: -2669px;
left: 772px;
z-index:15;
filter: blur(7px);
}
.qw{
width: 12px ;
height:12px;
border: 10ps solid rgb(48, 47, 71);
border-radius: 50%;
background-color: rgb(9, 9, 17);
position: relative;
top: -2743px;
left: 784px;
z-index:18;
filter: blur(2px);
}
index.css