@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Black.otf);
font-weight: 900;
}

@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Bold.otf);
font-weight: bold;
}

@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Light.otf);
font-weight: normal;
}


.starHolder {
display: inline-block;
position: relative;
top: 12px;
background-color: transparent;
}

a {
text-decoration: none;
}

a:link {
color: white;
}

a:visited {
color: white;
}

a:hover {
color: #FFA075;
}

a:active {
color: black;
}

* {
font-family: Goth;
font-weight: 900;
font-style: italic;
}


#wrapper {
display: block;
position: relative;
margin: 0em auto;
bottom: 27px;
width: 100%;
background-color: transparent;
}

#status {
display: inline-block;
position: relative;
font-size: 26px;
bottom: 8px;
}


.layout {
display: block;
position: relative;
padding: 10px;
text-align: center;
padding: 20px;
}



body {
color: white;
background-color: black;
overflow: hidden;
}

@media only screen and (max-width: 390px) {


@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Black.otf);
font-weight: 900;
}

@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Bold.otf);
font-weight: bold;
}

@font-face {
font-family: Goth;
src: url(../fonts/Gotham-Light.otf);
font-weight: normal;
}

.starHolder {
display: inline-block;
position: relative;
top: 12px;
background-color: transparent;
}

a {
text-decoration: none;
}

a:link {
color: white;
}

a:visited {
color: white;
}

a:hover {
color: #FFA075;
}

a:active {
color: black;
}

* {
font-family: Goth;
font-weight: 900;
font-style: italic;
}


#wrapper {
display: block;
position: relative;
margin: auto;
bottom: 27px;
width: 100%;
background-color: transparent;
}

#status {
display: inline-block;
position: relative;
font-size: 12px;
bottom: 8px;
}

.layout {
display: block;
position: relative;
padding: 30px;
text-align: center;
}


body {
color: white;
background-color: black;
overflow: visible;
}

}