body {
 color: #ffdd55;
 padding: 0;
 margin: 0;
 font-family: 'Poiret One', sans-serif;
 font-size: large;
 height: 100%;
}

a {
 text-decoration: none;
 color: #ffdd55;
}

p {
 font-size: xx-small;
}

.bigboy {
 font-size: xx-large;
}

.left {
 float: left;
}

.right {
 float: right;
}

.square {
 width: 50%;
 height: 50vw;
}

.almost {
 height: 94%;
}

.notquite {
 height: 6%;
}

.center {
 text-align: center;
}

.splash {
 width: 100%;
 height: 100%;
}

.bird {
 background-image: url('/hair/bird-hair.jpg');
 background-position: center;
 background-size: cover;
}

.pig {
 background-image: url('/hair/whistler-pigs-mother.jpg');
 background-position: right top;
 background-size: cover;
}

.pauline {
 background-image: url('/hair/hoo-girl.jpg');
 background-position: center;
 background-size: cover;
}

.hen {
 background-image: url('/hair/hen.jpg');
 background-position: center;
 background-size: cover;
}

.tallson {
 height: 300px;
}

.label {
 width: 90%;
}

.bump {
 line-height: 38px;
}

.quarter {
 width: 100%;
 height: 25%;
 position: relative;
}

.pinkie {
 width: 25%;
}

.mid{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-0%, -50%);
}

.borderbox {
 padding: 6px 36px;
 width: 20%;
 min-width: 222px;
 margin: auto;
 border: 4px solid #ffdd55;
 text-align: center;
}

.txet {
 text-align: right;
}

.wiggle-room {
 padding: 49px;
}

.hide {
 display: none;
}

.butt {
 position: fixed;
 bottom: 16px;
 width: 100%;
}

.crown {
 position: fixed;
 top: 16px;
 width: 100%;
}

.uncle {
 position: relative;
}

.trident {
 column-count: 3;
}

#accordion { 
 width: 100%;
}

#accordion div {
 float: left;
 width:25%;
 height: 100%;
 overflow: hidden;
}

#accordion:hover div {
 width: 5%;
}

#accordion:hover div:hover {
 width: 85%;
 overflow: auto;
}