@font-face {
    font-family: 'cuckoo';
    src: url('cuckoo.woff');
}

body {
    color: beige;
    background-color:lightslategray;
}

table tr td{
    border-color: beige;
}

img{
	width: 100%;
}

p {
	margin:4%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

table#main {
    background-color: black;
    width: 70%;
    border-collapse: collapse;
    margin: auto;
}

table#menu {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    margin: auto;
}

table#colorbar {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    margin: auto;
	font-family: "cuckoo";
	text-align: center;
}

td#bar {
    width: 15%;
}

td#photo {
    background-color: beige;
    width: 25%;
}

td#test {
    width: 50%;
}

td#by {
	background-color: lightslategray;
}

td[hover] {
    height: 40px;
    transition: 0.2s;
    transition-timing-function: ease-out;
    font-family: "cuckoo";
	cursor:pointer;
}

td[hover]:hover {
    color: black;
    background-color: beige;
    height:40px;
    transform: scale(1.2);
}

td[colors] {
	width: 16.7%;
    height: auto;
	background-color: none;
    transition-timing-function: ease-out;
    transition: 0.2s;
	cursor:pointer;
}

td[colors]:hover {
    color: black;
    background-color: none;
    transform: scale(1.2);
}