public/css/style.css


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

body {
  font-family: 'Lato', sans-serif;
  background: #cbd4ee; }

footer, nav {
  background: linear-gradient(to right, #3c1d43, #002147) !important;
  color: white;
  font-size: 1.1rem !important; }
  footer .nav-item, nav .nav-item {
    padding: 0.7rem; }

.carousel {
  max-height: 60vh;
  overflow: hidden; }
  .carousel .img-fluid {
    width: 100%; }

.badge {
  background: #002147;
  padding: 1rem;
  border-radius: 0 35%; }

a.badge { text-decoration: none; }
a.badge:hover { color: white; }

.btn {
  background: #002147;
  color: white; }
  .btn:hover {
    color: #cbd4ee; }

.card {
  height: 100%; }
  .card .card-title {
    font-weight: bold; }
  .card .card-header {
    background: #3c1d43;
    color: white; }
  .card .card-footer {
    background: #002147;
    color: white; }
  .card .img-fluid {
    width: 100%;
    height: 100%; }

.repertory {
  width: 55rem; }

.soon {
  height: auto; }

.icons-index {
  font-size: 10rem;
  color: #002147;
  opacity: 0.7; }

.gallery-container {
  max-width: 80vw;
  max-height: 75vh; }
  .gallery-container .gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.gallery-image-thumbnail {
  width: 100%;
  height: 100%;
  opacity: 0.7; }
  .gallery-image-thumbnail:hover {
    cursor: pointer; }

.selected {
  opacity: 1; }

.column {
  float: left;
  width: 16.66%; }

.form-text {
  color: #002147; }