@font-face {
    font-family: 'Cinzel';
    src: url('Fonts/Cinzel-Black.ttf');
    src: url('Fonts/Cinzel-Black.ttf') format('embedded-opentype'),
         url('Fonts/Cinzel-Black.ttf') format('woff2'),
         url('Fonts/Cinzel-Black.ttf') format('woff'),
         url('Fonts/Cinzel-Black.ttf') format('truetype'),
         url('Fonts/Cinzel-Black.ttf') format('svg');
    font-weight: bold;
    font-style: bold;
}

body{
    background-color:#4B0082;
}
a{
    text-decoration:none;
    font-size:90%;
    color:#CC5500;
    transition:all 0.4s;
}
p{
    font-family:Cinzel;
}
.menu{
    text-align:center;
    display:block;
    width:fit-content;
    height:fit-content;
    margin-left:5px;
    margin-right:auto;
    margin-top:7px;
    margin-bottom:auto;
    background-color:#C0C0C0;
    border-radius: 10px;
    border-color:black;
    border-style:solid;
    transition:all 0.4s;
}
.menu:hover{
    opacity:80%;
    cursor:pointer;
    background-color:#CC5500;
}
.menu:hover a{
    color:#C0C0C0;
}
.explanation{
    font-family: Cinzel,Helvetica, sans-serif;
    font-size:130%;
    display:block;
    text-align:center;
    color:white;
    margin-bottom:10px;
    width:50%;
    height:fit-content;
    margin-left:auto;
    margin-right:auto;
}

iframe{
    margin-top:5%;
    margin-left:17%;
    margin-right:auto;
}