.Titulus .Title {
    text-align: center;
    font-family: Title;
    color: rgb(185, 170, 170);
    font-size: 66px;
    margin-bottom: 5;
    text-shadow:1px 1px 13px #000000, 1px 1px 13px #000000;
}

.Titulus {
    margin: 0px;
    padding: 0;
    background-image: url(Title.png);
}

.player {
    aspect-ratio: 16/9;
    width: 100%;
}

.Content {
    padding-top: 22;
    margin-left: 11%;
    margin-right: 11%;
    padding-bottom: 44;
    text-align: center;
    overflow-wrap: break-word;
 }

.Content p {
    font-size: 22;
}

.Content a {
    font-size: 22;
}

.Content h3 {
    padding-top: 44;
    font-size: 44;
    color: lightblue;
    font-family: MainFont;
    text-shadow:1px 1px 13px #ffffff, 1px 1px 13px #ffffff;
}

.Content a:hover{   
    color: #ffffff;
    text-shadow:1px 1px 13px #ffffff, 1px 1px 13px #ffffff;
}


.BottomBar {
    background-color: #1d1d1d;
    background-image: url(BottomBar.png);
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 33px;    
    height: 44px;
}

.BottomBar a {
    color: rgb(152, 77, 77);
    text-shadow:1px 1px 10px #510000, 1px 1px 10px #5e0000;
    font-family: MainFont;
}

.BottomBar a:hover {
    color: lightskyblue;
    font-style: oblique;
    text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;
}

body {
    background-image: url(Background.png);
    background-position: center;
    padding: 0%;
}

* {
    margin: 0px;
    scroll-behavior: auto;
}

@font-face {
    font-family: Title;
    src: url(Fonts/TitleFont.ttf);
}   
  
@font-face {
    font-family: MainFont;
    src: url(Fonts/CaslonAntique.ttf);
}

@font-face {
    font-family: Cinzel;
    src: url(Fonts/Cinzel-Regular.otf);
}