DSA_75/a.css at main · sameerkali/DSA_75 · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/* html {
  background-image: radial-gradient(
      circle 5px at top left,
      rgba(226, 226, 226, 0.1) 0%,
      rgba(226, 226, 226, 0.1) 50%,
      rgba(201, 201, 201, 0.1) 50%,
      rgba(201, 201, 201, 0.1) 30%,
      transparent 30%,
      transparent 50%
    ),
    linear-gradient(90deg, rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 11px 11px;
} */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.parent {
  height: 99.9vh;
  width: 100vw;
  background: palevioletred;
}
.ch-1 {
  background: rgb(164, 90, 90);
  height: 10rem;
  width: 10rem;
  /* position: absolute; */
  top: 1rem;
}
.ch-2 {
  background: green;
  height: 6rem;
  width: 6rem;
  /* position: relative; */
  top: 1rem;
  left: 1rem;
}
.data{
  top: 1rem;
  left: 1rem;
}
.box{
  height: 200px;
width: 200px;
color: green;
}
.outer{
height: 200rem;
width: 400px;
background: red;
margin: 10px;
padding: 20rem;
}

.inner-1{
  height: 50px;
  width: 50px;
  background: gray;
  margin: 5px;
  /* position: absolute; */
left: 4rem;
top: -.5rem;
}

.inner-2{
  height: 50px;
  width: 50px;
  background: gray;
  margin: 5px;
  /* position: relative;  */
  left: 10px;

}

.inner-3{
  height: 50px;
  width: 50px;
  background: gray;
  margin: 5px;

}

.inner-4{
  height: 50px;
  width: 50px;
  background: gray;
  margin: 5px;

}
p::first-line{
 color: red;
}

.main{
  height: 100vh;
  background-color: aqua;
  display: flex;
  flex-direction: column;
}

.footer{
  /* position:fixed;
  bottom: 0;
  width: 100%; */
}