#home {
    /* background-image: url("/img/cybart.png"); */
    /* background-color: rgba(255,255,255,0.9); */
    background-color: #FFFFFF;
    background-blend-mode: lighten;
}

.cam {
    /* color: #00FF00; */
    color: #00EE00;
    font-style: normal;
}
.cam p {
    font-size: 1.5em;
}
.max {
    color: #BB00FF;
    font-style: normal;
}
.max p {
    font-size: 1.5em;
}
.wiz {
    color: #44DAFF;
    font-style: normal;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.wiz p {
    font-size: 1.4em;
}
.troll {
    color: #000000;
    font-style: normal;
    font-size: 1.5em;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.npc {
    color: #44DAFF;
    font-style: normal;
}
.npc p {
    font-size: 1.5em;
}

@media (min-width: 800px) {
	body {
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
	}
}
@media (min-width: 600px) and (max-width: 800px) {
	body {
		margin-left: 10%;
		margin-right: 10%;
	}
}

#title {
    margin: 0px;
}
#devnote {
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}
#envelope {
    margin-left: auto;
    margin-right: auto;
}
#envelope:hover {
    width: 120px;
    height: 100px;
    margin-top: -10px;
    margin-bottom: -10px;
}
#play {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 75px;
}
#play:hover {
    width: 600px;
    height: 46px;
    margin-top: 52px;
    margin-bottom: 77px;
}

body {
    margin-bottom: 150px;
    background-color: #FFFFFF;
}

canvas {
    border: 1px solid #000000;
    display: none;
}

#player {
    display: none;
}
img {
    display: none;
}

h1 {
    font-size: 2.5em;
    margin: 0px;
}

p, a {
    display: none;
    font-size: 1.4em;
    /* font-style: italic; */
}

.span {
    display: flex;
    flex-wrap: wrap;
}

#credits {
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    margin-top: 50px;
    margin-right: 40%;
    margin-left: 40%;
}
#button {
    font-weight: bold;
    margin-top: 200px;
    margin-right: auto;
    margin-left: 34%;
}
#largebutton {
    font-size: 3em;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
    margin-bottom: auto;
}
#cw {
    font-size: 1.1em;
}