* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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


body {
    background: url('./graveyard-koolshooters.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    color: white;
    font-family: "MS Gothic";
}

a, a:visited {
    color: orange;
}

a:hover {
    color: rgb(255, 72, 0);
}

#logo {
	width: 272px;
	margin: 0 auto;
	height: 100px;
	display: block;
}

.dollmaker {
	display: flex;
	flex-flow: row wrap;
	border: 3px dotted rgb(246, 109, 67);
	height: fit-content;
	width: 65vw;
	margin: 0 auto;
	padding: 4px;
	background-color: rgba(250, 235, 215, 0.281);
	border-radius: 4px;
}
#doll {
	position: relative;
	width: 400px;
	height: 818px;
}

#closet {
	position: relative;
	width: 50%;
}
#closet img {
    filter: grayscale(0.5);
}

#closet img:hover {
    cursor: pointer;
    filter: grayscale(0)
}

.dollPart {
	position: absolute;
	flex: 1;
	height: 100%;
}

#hair {
	mask-size: 100% 100%;
}
h1, aside {
    text-align: center;
    font-family: zombified;
}

h1 {
    color: orange;
    text-shadow: 1px 1px white;
    font-size: 45px;
}
h2, h3 {
    text-align: right;
}

aside {
    font-size: x-large;
}