/* e8efd0 */
body { 
    background: url('/img/background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
  }
#map {
    height: 500px; 
    width: 100%;  /* The width is the width of the web page */
   }

.bg-aen-light {
    background-color: #e8efd0 !important;
}
.bg-aen-darker {
    background-color: #cad3ad;
}
.card-body, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #f0f4e8;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: none;
}
h1, h2, h3 {
   color: #3d1402;
   font-family: 'Beth Ellen', cursive;
}
a, .btn-link {
    color: #7a2f07;
}
#home {
    text-align: justify;
}
#programma a, #profile a {
    text-decoration: underline;
}
a:active, a:hover, .btn-link:active, .btn-link:hover {
    color: #e5409b;
}
@keyframes fallingHearts {
    0% {
    opacity: 1;
    
    }
    75% {
    opacity: 1;
    transform: translate(100px, 600px) ;
    }
    100% {
    opacity: 0;
    transform: translate(150px, 800px) ;
    }
}

.heart {
    position:absolute;
    animation: fallingHearts 7s infinite linear;
}

@media (orientation: portrait) {
    body {
        background: url('/img/portrait.jpg') no-repeat center top fixed #c1ac77; 
    }
}