@font-face {
    font-family: gyrochrome;
    src: url(/Fonts/gyrochrome/fonts/otf/Gyrochrome-Regular.otf);
    font-weight: normal;
}

@font-face {
    font-family: gyrochrome;
    src: url(/Fonts/gyrochrome/fonts/otf/Gyrochrome-Bold.otf);
    font-weight: bold;
}

body {
    background-image: url(Images/background.png);
}

.TitleText {
    text-align: center;
    color: crimson;
    text-shadow: 3px 3px darkred;
    font-family: gyrochrome;
    font-weight: bold;
}

.InviteButton {
    background-color: burlywood;
    border-radius: 50%;
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: gyrochrome;
    font-weight: normal;
    opacity: 0.5;
}

.InviteButton:hover{
    opacity: 1;
}