@font-face {
    font-family: "fujimaru";
    src: url("../font/fujimaru.ttf");
}

@font-face {
    font-family: "bebasneue";
    src: url("../font/bebasneue.ttf");
}

.code {
    font-family: "Courier";
    font-size: 4;
}

img.spawn {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    margin-top: 16px;
}

img.element {
    width: 256px;
    height: 256px;
}

img.skill {
    width: 128px;
    height: 128px;

    opacity: 0.5;
	filter: alpha(opacity=0.5);
}

img.skill.selected {
    opacity: 1;
    filter: alpha(opacity=100);
}

img.skill:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: 0.3s;
}

h1 {
    font-family: "fujimaru";
    font-size: 60px;
    text-align: center;
}

h2 {
    font-family: "bebasneue";
}

body {
    background-color: #373535;
    color: white;
    /*font-family: "bebasneue";*/
    font-size: 24px;
}

.info, .desc {
    display: none;
}

.navbar {
    font-family: "bebasneue"
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.highlight {
    background-color: #2c3e50;
}