body {
    background-image: url(img/regal.png);
    background-repeat: repeat;
}

.rows, .columns {
    display: flex;
}

#bannerHeader {
	background-color:#04d;
	background-image:url("img/ditherblue.png");
	background-repeat: repeat-y;
	box-shadow: 0 0 10px #02a inset;
	color:#EEE;
	border-radius:10px;
	margin:5px;

    margin-bottom: 32px;
}

.rows {
    flex-direction: column;
}

.columns {
    flex-direction: row;

    margin-bottom: 96px;
}

.sepia {
    filter: sepia(1) opacity(0.8);
}

.fishyframe-container {
    display: grid;

    width: 320px;
}

.bottomhalf {
    display: flex;

    align-items: center;
    justify-content: center;
}

.fishyimage {
    grid-row: 1;
    grid-column: 1;

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
}

.fishybackground-photo {
    grid-row: 1;
    grid-column: 1;

    width: 100%;
    box-shadow: 0 0 12px #000, 0 0 12px #000;
}

.halloffame-fishy {
	margin:2px;

    flex-grow: 1;

	display: flex;
	flex-direction: column;
    align-items: center;
}

.plaque {
    margin-top: 32px;

    background-image: url(plaque.png);
    background-size: contain;

    width: 276px;
    height: 197px;

    font-style: normal;
    font-size: 12px;
    color: #000;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);

    display: flex;
    flex-direction: column;
    align-items: center;

    line-height: 16px;

    box-shadow: 0 0 12px #000, 0 0 12px #000;
}

.center {
    display: block;
    text-align: center;
}

.bold {
    font-weight: bold;
}

.fishname {
    font-weight: bold;
}

.plaque-inner {
    padding: 33px 32px 36px 32px;

    width: calc(100% - 80px);
    height: 100%;
}

.award-title {
    text-align: center;

    display: block;

    text-decoration: underline;
    font-weight: bold;
}

.lr-spread {
    display: flex;
    justify-content: space-between;
}

.hidden-template {
    display: none;
}