@font-face {
    font-family: BebasNeue;
    src: url("font/BebasNeue-Regular.ttf") format("truetype");
}

@keyframes slide-in {
    from {top: 4em; opacity: 0;}
    to {top: 0em; opacity: 1;}
}

h1, h2, h3, h4, h5, h6 {
    font-family: BebasNeue !important;
}

.logo-description {
    position: absolute;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px #6b6b6b;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -60%);
    font-size: 2.9vw;
    font-family: BebasNeue;
}

#animm {
    position: relative;
    animation-name: slide-in;
    animation-duration: 2s;
}

.important-background {
    background-image: url("../img/important.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    text-shadow: 2px 2px #3a3a3a;
    padding-top: 10%;
    padding-bottom: 10%;
}