html {
  background-color: black;
  background-image: url("../assets/retro.jpg");
  background-size: cover;	
}

#tagline {
	color: deepskyblue;
	text-align: center;
}

#wrapper {
    width: auto;
    margin: 0 auto 0;
}

h1 {
	padding: 45px 0 55px 0;
	font-style:
}

p {
	margin: 0px 350px 0px 350px;
	font-size: 18px;
	border: solid fuchsia;
	border-radius: 10px;
	padding: 30px 20px 30px 20px;
	color: aquamarine;
	background: rgba(0,0,0,.8);
}

#bottomMenu {
	text-align: inherit;
	margin: 50px 350px 0px 350px;
	padding: 30px 20px 30px 20px;
}

#return {
	border: outset 4px fuchsia;
	border-radius: 0 35px 0 35px;
	padding: 20px 0 20px 0;
	margin-right: 48px;
	text-align: center;
	background-image: url("../assets/Smoke.jpg");
	text-decoration: none;
}

}

#back {
	text-decoration: none;
	font-weight: 750;
}

a:link{
	color: deepskyblue;	
}

a:visited{
	color: deeppink;
}

ul {
	list-style: none;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#frankModalContent {
    background-color: #ea00d9;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 350px;
    align-content: center;
    border: outset aquamarine 8px;
    border-radius: 15px;
}

.close {
    color: black;
    font-size: 28px;
    float: right;
    font-weight: bold;
    margin: auto;    
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#frankButton {
    border: solid yellow 2px;
    padding: 5px 8px;
    margin: 0 5px;
    background: transparent;
    color: #e7521d;
    font-family: 'Press Start 2P', cursive;
    font-size: 28px;
}