My_Index/CSS.CSS at main · SuaebBooooom/My_Index · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
body{
    background: rgb(236, 191, 191);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/*C*/
.C{
    position: fixed; top: 250px; left: 320px; width: 20px; height: 70px; background: #000;}
.S1{
    position: fixed; top: 230px; left: 320px; width: 80px; height: 20px; background: #000;}
.S2{
    position: fixed; top: 300px; left: 320px; width: 80px; height: 20px; background: #000}


    /*S*/
.S3{
    position: fixed; top: 230px; left: 415px; width: 80px; height: 20px; background: #000;}
.S4{
    position: fixed; top: 250px; left: 415px; width: 20px; height: 30px; background: #000;}
.S5{
    position: fixed; top: 265px; left: 415px; width: 80px; height: 20px; background: #000;}
.S6{
    position: fixed; top: 270px; left: 475px; width: 20px; height: 30px; background: #000;}
.S7{
    position: fixed; top: 299px; left: 415px; width: 80px; height: 20px; background: #000;}

/*S*/
.S8{
    position: fixed; top: 230px; left: 510px; width: 80px; height: 20px; background: #000;}
.S9{
    position: fixed; top: 250px; left: 510px; width: 20px; height: 30px; background: #000;}
.S10{
    position: fixed; top: 265px; left: 510px; width: 80px; height: 20px; background: #000;}
.S11{
    position: fixed; top: 270px; left: 570px; width: 20px; height: 30px; background: #000;}
.S12{
    position: fixed; top: 299px; left: 510px; width: 80px; height: 20px; background: #000;}

/*logo*/
.css{
    position: fixed; top: 40%; left: 290px; width: 250px; border-top: 290px solid #2f1ece; border-left: 35px solid transparent; border-right: 35px solid transparent;}
.left{
    position: fixed; top: 395px; left: 450px; width: 110px; border-top: 245px solid #1497e2; border-left: 0px solid transparent; border-right: 30px solid transparent;}
.right{
    position: fixed; top: 390px; left: 310px; width: 110px; border-top: 250px solid #2f1ece; border-left: 30px solid transparent; border-right: 0px solid transparent;}
.bottom{
    position: fixed; top: 644px; left: 320px; width: 0; height: 0; border-top: 40px solid #2f1ece; border-left: 130px solid transparent; border-right: 130px solid transparent;}
.bottom_l{
    position: fixed; top: 640px; left: 450px; width: 0;  height: 0; border-top: 33px solid #1497e2; border-left: 0 solid transparent; border-right: 110px solid transparent;}
.a{
    position: fixed; top: 430px; left: 360px; width: 172px; border-top: 33px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.b{
    position: fixed; top: 463px; left: 407px; width: 90px; height: 30px; background: #fff; transform: skew(-69deg);}
.c{
    position: fixed; top: 493px; left: 366px; width: 155px; border-top: 33px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.d{
    position: fixed; top: 520px; left: 483px; width: 39px; height: 80px; background: #fff; rotate: 8deg;}
.e{
    position: fixed; top: 575px; left: 448px; background: #fff; width: 70px; height: 40px; transform: skew(-21deg); rotate: -20deg;}
.f{
    position: fixed; top: 574px; left: 379px; background: #fff; width: 75px; height: 40px; transform: skew(21deg); rotate: 20deg;}
.g{
    position: fixed; top: 545px; left: 375px; width: 39px; border-top: 57px solid #fff; border-left: 5px solid transparent;}