@charset "utf-8";
/* CSS Document */

html {
    height: auto;
    background-color: black;
}
.ColorTiles {
    width: 200px;
    height: 200px;
    opacity: 1;
    display: inline-block;
    transition: opacity .25s ease-in-out;
    margin: 2px;
}
.TileIn {
    opacity: 0.5;
}
.TileOut {
    opacity: 1;
}
a {
    text-decoration: none;
    color: white;
}
a:hover {
    text-decoration: none;
    color: red;
}
#TopRow {
    width: 100%;
    text-align: center;
    margin-bottom: -2px;
}
#BottomRow {
    width: 100%;
    text-align: center;
}
#TopL {
    background-color: blue;
    border-top-left-radius: 100%;
}
#TopR {
    background-color: green;
    border-top-right-radius: 100%;
}
#BottomL {
    background-color: red;
    border-bottom-left-radius: 100%;
}
#BottomR {
    background-color: purple;
    border-bottom-right-radius: 100%;
}