soundwaves/main.css at main · EthanRepo/soundwaves · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
body {
  color: #ffffff;
  font-family:Chivo;
  background-color: #121212;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg%27%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23191818' fill-opacity='0.94' fill-rule='evenodd'/%3E%3C/svg%3E");
  margin:0;
  font-size:21px;
}
ul {
    list-style-type:none;
   overflow:hidden;
  background-color:#1f1f1f;
  margin-top: 0px;
  }
  li {
 display: inline-block;
}
  li a {
  display:block;
    text-align:center;
    padding:20px 23px;
    text-decoration:none;
   color:#ffffff;
   font-size: 15px;
   background-color: #1f1f1f;
  }
  li a:hover {
  background-color: #2A587B;
 }
   .active {
    background-color: #2A587B;
    }
 .active:hover {
    background-color: #356E9A;
}
.indent {
  margin-left: 50px;
}
.center {
  text-align:center;
}
h1 {
font-size: 64px;
}
h2, h3 {
font-size: 42px;
}
#titletop {
margin-top: 200px;
}
#titlebottom {
margin-bottom: 200px;
}
#boxmain {
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    width: 36%;
    height: 26%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: left;
}
.ctmain{
  margin-left: 12%;
}
#boxint2 {
background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    width: 40%;
    height: 20%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: left;
}
#boxint {
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    width: 40%;
    height: 59%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: left;
}
.ctint{
  margin-left: 6.3%;
}
#boxprop {
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    width: 40%;
    height: 40%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: left;
}
#boxproplong {
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    width: 87%;
    height: 45%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: left;
}
.ctprop{
margin-left: 6.3%;
}
img {
  border-width: 25px;
  border-color: #1f1f1f;
  border-radius: 10px;
}
.btn {
background-color: #1f1f1f;
color: #fff;
border-radius: 10px;
font-size: 28px;
}