style.css

body {
    background-color: #b3cde0;
}
.navbar{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.jumbotron{
    margin-top: 150px;
}

h1, h2, h3 {
    color: 	#03396c;
}

p {
    color: #011f4b;
}

button {
    background-color: #6497b1;
}

.custom-navbar-bg {
    background-color: #011f4b;
    padding: 20px 0;
}

.navbar-nav .nav-link {
    font-size: 20px; 
}

.brand {
    color: #6497b1;
    font-size: large;
    padding: 10px 15px; 
    font-size: 20px; 
}

.brand:hover {
    color: lightgrey;
    text-decoration: none;
}

.datepicker {
  border-top: 200px;
  width: 475px;
  background: #fdfdfd;
  border-radius: 10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.2), 0 15px 12px rgba(0,0,0,0.2);
  margin: 15px auto;
  overflow: hidden;
}

.datepicker .datepicker-header {
  height: 250px;
  background-image: url("https://images.unsplash.com/photo-1441205337478-70cb1521e35a?dpr=1&auto=format&crop=entropy&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb");
  background-size: 100%;
}
.datepicker .ui-datepicker-inline {
  padding: 30px;
}
.datepicker .ui-datepicker-header {
  text-align: center;
  font-size: 1.4em;
  padding-bottom: .5em;
  letter-spacing: .1em;
  color: #333;
}
.datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker .ui-datepicker-header .ui-datepicker-next {
  float: left;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0 5px;
  margin-top: -8px;
  color: #ddd;
  transition: .6s;
}
.datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
.datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  transform: translateX(-25px)
}
.datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  transform: translateX(25px)
}
.datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.datepicker .ui-datepicker-calendar thead {
  color: #ddd;
}
.datepicker .ui-datepicker-calendar tr th,
.datepicker .ui-datepicker-calendar tr td {
  padding-bottom: .4em;
}
.datepicker .ui-datepicker-calendar a {
  color: #333;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
}
.datepicker .ui-datepicker-calendar a:hover {
  background: #6497b1;
  color: #fff;
  transition: .7s;
  transform: scale(1);
}
.datepicker .ui-datepicker-calendar .ui-state-highlight {
  background: #6497b1;
  color: #fff;
}
.datepicker .ui-datepicker-calendar .ui-state-highlight:hover {
  color: #fff;
}
.btn-primary {
    background-color: #6497b1;
    border-color: #6497b1;
}

.btn-primary:hover {
    background-color: #4169e1;
    border-color: #4169e1;
}

.btn-submit {
    background-color: #6497b1;
    border-color: #6497b1;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.btn-submit:hover {
    background-color: #4169e1;
    border-color: #4169e1;
}

.modal-content {
    background-color: #1f367a;
    color: #fff;
    border-radius: 20px;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    color: #ffffff;
}

.modal-body {
    padding: 30px;
}

.form-group label {
    color: #fefefe;
}

.form-control {
    background-color: #343a40;
    color: #fff;
    border-color: #555;
}

.form-control:focus {
    background-color: #444;
    border-color: #ffffff;
    color: #fff;
}

#contributors {
    background-color: #b3cde0;
    padding: 50px 0;
}

#contributors h2 {
    color: #03396c;
    text-align: center;
    margin-bottom: 30px;
}

.card {
    background-color: #03396c;
    color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.card:hover {
    background-color: #6497b1;
}

.card-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

.card-text {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}

.card a {
    color: #fff;
}

.card a:hover {
    color: lightgrey;
    text-decoration: none;
}

=======
.card img{
    transition: all 0.6s;
}

.card img:hover{
    transform: scale(0.9,0.9);
    cursor: pointer;
}

h1 {
    margin-top: 15%;
}

.event-info {
    margin-top: 5%;
}