body {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100%;
	color: #EEE;
	font-size: 24pt;
	font-family: futura,arial,helvetica;
}

@media screen and (min-width: 901px) {
    div#name {
        display: none;
        font-family: futura,arial,helvetica;
        font-size: 180pt;
        line-height: 140pt;

        padding: 10px;

        position: absolute;
        top: 50px;
        left: 180px;
    }

    div#preview {
        position: absolute;
        bottom: 80px;
        right: 100px;
    }

    div#continue {
        position: absolute;
        bottom: 80px;
        left: 200px;
    }

    div#profile {
        position: absolute;
        top: 1500px;
        height: 1400px;
        padding: 40px 50px;
    }
}

@media screen and (max-width : 900px) {
    div#name {
        display: none;
        font-family: futura,arial,helvetica;
        font-size: 64pt;
        line-height: 56pt;

        padding: 10px;

        position: absolute;
        top: 15px;
        left: 15px;
    }

    div#preview {
        padding: 10px;
        position: absolute;
        bottom: 70px;
        left: 15px;
    }

    div#continue {
        padding: 10px;
        position: absolute;
        bottom: 5px;
        left: 15px;
    }

    div#profile {
        padding: 40px 15px;
        position: absolute;
        top: 1000px;
        height: 1000px;
    }
}

a {
    color: #EEE;
}

a.black {
	color: #000;
}

div.black {
    color: #000;
}

span.big {
    font-size: 48pt;
}

div.head {
  padding-bottom: 10px;
}

li {
    padding: 10px;
    white-space: nowrap;
}