Quantum-Codes.github.io/style.css at main · Quantum-Codes/Quantum-Codes.github.io · 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
body {
  background: black;
  color: white;
  animation: bodybg 5s;
}

img{
  width: 60px;
  vertical-align: middle;
}

@keyframes bodybg {
  from {
    background: white;
    color: black;
  }
  to {
    background: black;
    color: white;
  }
}

hr {
  border: 2px solid grey;
}

h1 {
  text-align: center;
}

.circle {
  left: calc(50% + 15px);
  position: relative;
  animation: imageslide 5s;
  vertical-align: center;
  transform: scale(1);
  transition: transform 0.5s;
}

.circle:hover {
  transform: scale(1.2);
  transition: transform 0.5s;
}

@keyframes imageslide {
  from {left: calc(50% - 65px);}
  to {left: calc(50% + 15px);}
}

.slider {
  border-radius: 40px;
  background: grey;
  margin: auto;
  width: 130px;
  height: 50px;
}