bank-app/style.css at main · shohan11d/bank-app · 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
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: 'Poppins', sans-serif;
  color: #333;
  background-color: #f3f3f3;
}
nav {
  gap: 2rem;

  justify-content: center;
}

.transfer {
  background-image: linear-gradient(to top left, #ffb003, #ffcb03);
  padding: 0.3rem 0rem;
}
.loan {
  background-image: linear-gradient(to top left, #39b385, #9be15d);
  padding: 0.3rem 0;
}
.close {
  background-image: linear-gradient(to top left, #e52a5a, #ff585f);
  padding: 0.3rem 0;
}

input {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 2px solid rgba(0, 128, 0, 0.788);
}


main input {
  padding: 0.3rem 0.6rem;
}
input:focus {
  outline: none;
}
.view,
.prices,
.transfer,
.loan,
.close {
  width: 50%;
  min-width: 300px;
}

button:hover {
  background-color: #333;
  color: white;
  transition: all 300ms ease-in;
}

main {
  opacity: 0;
}

.deposit{
  background-color: #39b385;
}

.withdrawal{
background-color: #e52a5a;
}