database/style.css at main · MeetaHaldar/database · 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
section {
  max-height: 100vh !important;
}
html,
section {
    background: #A1FFCE;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FAFFD1, #A1FFCE);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FAFFD1, #A1FFCE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.container {
  max-width: 25% !important;
  /* background: red    polygon(0 0, 0% 100%, 100% 100%); */
  background-color: white !important;
}
.container h1 {
  font-family: "Merriweather", serif;
  color: rgb(33, 163, 29);
  font-weight: bold;
}

label {
  font-family: "Andada Pro", serif;
}

input {
  cursor: pointer !important;
  font-family: "Andada Pro", serif;
}
button {
  background-color: rgb(15, 131, 15) !important;
  border: none !important;
  padding: 7px 25px !important;
  border-radius: 10px !important;
}

 section .welcome-page{
 text-align: center;
}
section .welcome-page h1{
  text-align: center;
  margin: auto;
}
@media (max-width: 1000px) {
    .container {
      max-width: 60% !important;
    }
  }

@media (max-width: 800px) {
  .container {
    max-width: 60% !important;
  }
}

@media (max-width: 700px) {
  .container {
    max-width: 70% !important;
  }
}