body {
    font-family: sans-serif;
    color: #ddd;
    background-color:black;
}
table {
    border-collapse: collapse;
}

table, th, td {
border: 1px solid #ccc;
}

.wrapper {
    display: flex;
}

.left {
    flex: 0 0 45%;
}

.right {
    flex: 1;
}

.left-full {
    flex: 0 0 50%;
}

.right-full {
    flex: 1;
}

.map {
    /*background-image: url("http://ddragon.leagueoflegends.com/cdn/9.23.1/img/map/map11.png");
    background-repeat: no-repeat;/*
    /*position: absolute!important;*/
    width:512px;
    height:512px;
}

.rainbow {
    /* Chrome, Safari, Opera */
    -webkit-animation: rainbow 0.5s infinite;
    /* Internet Explorer */
    -ms-animation: rainbow 0.5s infinite;
    /* Standar Syntax */
    animation: rainbow 0.5s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
    0%{color: red;}
    17%{color: orange;}
    33%{color: yellow;}
    50%{color: green;}
    67%{color: blue;}
    83%{color: purple;}
    100%{color: red;}
}
/* Internet Explorer */
@-ms-keyframes rainbow{
    0%{color: red;}
    17%{color: orange;}
    33%{color: yellow;}
    50%{color: green;}
    67%{color: blue;}
    83%{color: purple;}
    100%{color: red;}
}
/* Standard Syntax */
@keyframes rainbow{
    0%{color: red;}
    17%{color: orange;}
    33%{color: yellow;}
    50%{color: green;}
    67%{color: blue;}
    83%{color: purple;}
    100%{color: red;}
}


@keyframes blink {
50% {
    opacity: 0.0;
}
}
@-webkit-keyframes blink {
50% {
    opacity: 0.0;
}
}
.blink {
animation: blink 1s step-start 0s infinite;
-webkit-animation: blink 1s step-start 0s infinite;
}