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

header {
    overflow: auto;
    padding: 1em;
    line-height: 3em;
}

header h1 {
    margin: 0;
    color: white;
    font-family: "alienleague";
    font-size: 3em;
    text-shadow: 0px 0px 0.5em #82D0FF;
    float: left;
}

header p {
    line-height: 1;
}

.title_defaillance {
    animation-name: defaillance;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.title_defaillance_2 {
    animation-name: defaillance;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes defaillance {
    from { opacity: 1; }
    10% { opacity: 1; }
    20% { opacity: 0.5; }
    25% { opacity: 1; }
    50% { opacity: 0.2; }
    55% { opacity: 0.7; }
    60% { opacity: 0.3; }
    65% { opacity: 1; }
    to { opacity: 1; }
}

#login {
    float: right;
}