.type-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid #e3f2fd;
}
.type-effectiveness {
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-shadow: 0 1px 4px #e3f2fd;
}

.type-effectiveness-neutral {
    color: #222;
}
.type-effectiveness-super {
    color: #388e3c;
}
.type-effectiveness-not-very {
    color: #1976d2;
}
.type-effectiveness-no-effect {
    color: #d32f2f;
}

/* Box for type names */
.type-box {
    display: inline-block;
    padding: 0.3em 0.9em;
    margin: 0.2em 0.4em 0.2em 0;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    font-size: 1em;
    box-shadow: 0 2px 8px #90caf933;
    border: 1px solid #90caf9;
    vertical-align: middle;
    min-width: 70px;
    text-align: center;
    text-shadow: #000 1px 1px 2px;
    transition: background 0.2s;
}

.type-bug {
	background-color: #ab2;
}

.type-dark {
    background-color: #754;
}

.type-dragon {
    background-color: #76e;
}

.type-electric {
    background-color: #fc3;
}
.type-fairy {
    background-color: #e9e;
}
.type-fighting {
    background-color: #b54;
}
.type-fire {
    background-color: #f42;
}
.type-flying {
    background-color: #89f;
}
.type-ghost {
    background-color: #66b;
}
.type-grass {
    background-color: #7c5;
}
.type-ground {
    background-color: #db5;
}
.type-ice {
    background-color: #6cf;
}
.type-normal {
    background-color: #aa9;
}
.type-poison {
    background-color: #a59;
}
.type-psychic {
    background-color: #f59;
}
.type-stellar {
    background-color: #000;
}
.type-rock {
    background-color: #ba6;
}
.type-steel {
    background-color: #aab;
}
.type-water {
    background-color: #39f;
}