html {
    background-image: url(icon.jpg);
    background-repeat: repeat;
}
body {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 80%;
    background-color: white;
    border: solid black 5px;
}
header {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-family: Helvetica;
}
table {
    border: solid black 2px;
    margin-left: auto;
    margin-right: auto;
}
tr {
    border: solid black 1px;
}
td {
    border: solid black 1px;
    text-align: center;
}
a {
    color: crimson;
}
@keyframes xqcspin {
    0%{rotate: 0deg;left: 0px; filter: sepia(0) blur(0);}
    50%{rotate: 180deg;left: 100px; filter: sepia(100%) blur(5px);}
    100%{rotate: 360deg;left: 0px; filter: sepia(0) blur(0);}
}
#xqc {
    position: fixed;
    left: 0;
    bottom: 0;
    border: ridge black 5px;
    border-radius: 15px;
    animation: xqcspin 500ms linear infinite;
}
#hypercam {
    position: fixed;
    right: 0;
    bottom: 0;
}