@font-face {
    font-family: "Monoton Regular";
    font-style: normal;
    font-weight: normal;
    src: url("/Fonts/monoton-regular.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Anja Eliane";
    font-style: normal;
    font-weight: normal;
    src: url("/Fonts/anja-eliane.ttf");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes menu_a {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 6px orange, 0 0 30px orange, 0 0 12px orange, 0 0 21px orange, 0 0 34px orange, 0 0 54px orange;
    }

    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 6px orange, 0 0 30px orange, 0 0 12px orange, 0 0 22px orange, 0 0 38px orange, 0 0 60px orange;
    }
}

body {
    background: url(/Content/Images/Background.jpg);
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    user-select: none;
}

.menu {
    background: rgba(0,0,0,0.2);
    box-sizing: border-box;
    font-family: "Monoton Regular", sans-serif;
    border: 3px solid #33c4b6;
    margin: 2px auto;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 10);
    -webkit-border-radius: 0px;
    position: relative;
}

    .menu div {
        text-align: center;
        font-size: 2em;
    }

    .menu a {
        text-decoration: none;
        color: orange;
        margin: 0px 20px 0px 20px;
    }

        .menu a:hover {
            color: white;
            animation: menu_a 0.5s ease-in-out infinite alternate;
        }

    .menu img {
        width: 37px;
        top: 6px;
        cursor: pointer;
        position: relative;
    }

        .menu img:hover {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

.ads {
    text-align: center;
    margin: 20px 0px;
    position: relative;
}

    .ads div {
        display: inline-block;
    }

.ads2 {
    bottom: 0px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 5;
    max-width: 100%;
    width: 100%;
    height: 90px;
    border-top: 1px solid rgb(244, 242, 246);
    left: 0px;
    text-align: center;
    position: fixed;
}

    .ads2 div {
        margin: auto 5px;
        display: inline-block;
    }

    .ads2 a {
        display: block;
        margin: 0px auto;
    }

    .ads2 .close {
        width: 40px;
        cursor: pointer;
        bottom: 50px;
        z-index: 2;
        right: 0;
        position: absolute;
    }

        .ads2 .close:hover {
            -webkit-transform: scale(0.5);
            transform: scale(0.90);
        }

footer {
    display: block;
    border: 3px solid #33c4b6;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 10);
    background-size: cover;
    margin: 20px auto 0px auto;
    text-align: center;
    position: relative;
}

    footer span {
        font-size: 2em;
        font-family: "Monoton Regular", sans-serif;
        color: orange;
    }

    footer img {
        width: 37px;
        top: 6px;
        cursor: pointer;
        position: relative;
    }

        footer img:hover {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }