/*
 * Module : main.css



 */
 :root {
   --image-card-height: 260px;
 }
html {
  min-height:100%;
}
body {
  background-color: lightblue;
  background: linear-gradient(darkblue, lightblue);
  background-repeat: no-repeat;
}
h1 {
  font-size: 1.9em;
  margin-right: fill;
  border-bottom: 1px solid black;
}
.container {
  background-color: #eeeeee;
  padding-bottom: 4em;
  min-height: 100%;
}
.container-full-width {
  padding : 0px;
}
.footer {
  border-top: 1px solid #6a6a6a;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #6a6a6a;
}
.header-image {
  padding-top: 1em;
  padding-bottom: 1em;
  max-width: 65%;
}
.image-card {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--image-card-height);
  background-size: cover;
  background-position: 50% 40%;
}
.image-card-wrapper {
  position: relative;
  width: 100%;
  height: var(--image-card-height);
}
.navbar {
  background: linear-gradient(to bottom, #111, #222);
  margin-bottom: 0;
  border-radius: 0;
}
.photo {
  border-radius: 2em;
  max-width: 100%;
}