body {
    font-family: sans-serif;
    background-color: #212121;
    /* background-image: url('static/img/background.png');
    background-repeat: no-repeat;
    background-size: 100%;*/
}

.home {
    transform: none;
    background-color: rgb(17, 141, 17);
}

.home:hover {
    transform: none;
    background-color: rgb(17, 141, 17);
}

.info {
    color: white;
    display: block;
    text-align: center;
    justify-content: center;
    margin: 0 4% 0% 4%;
    padding: 10px 0 10px 0;
    border-radius: 1rem;
}

.info::before{
    animation: loadingscreen 1s linear infinite;
}

.infotext {
    color: white;
    display: block;
    text-align: left;
    padding: 10px 0 10px 0;
}

.invlink {
    transform: scale(1.0);
    transition-duration: 0.1s;
    display: block;
    margin: 3% 33% 1% 33%;
    padding: 10px 0 10px 0;
    font-size: 20px;
    background-color: royalblue;
    color: white;
    border-radius: 1rem;
    text-decoration: none;
}

.invlink:hover {
    background-color: rgb(34, 72, 187);
    transform: scale(1.05);
    transition-duration: 0.1s;
}

.info h1 {
    font-size: 70px;
    font-family: serif;
    font-weight: 600;
}

.infotext h2 {
    font-family: Ggsans, sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.image-container img {
    height: 600px
}

.fade-in {
    animation: fadeIn 1s ease-in-out;
  }

@keyframes fadeIn {
    from {
        transform: translateY(-90px);
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
  }