body, html	{
	background: #ddd;
	font-size: 16px;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input	{
	font-size: 32px;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.view	{
        position: relative;
	width: 100%;
	max-width: 800px;
	min-width: 680px;
	margin: auto;
        box-sizing: border-box;
        border: 10px solid black;
}

.fieldset	{
        position: relative;
	display: block;
	border: none;
	padding: 0;
        width: 100%;
        border-bottom: 10px solid black;
        background-color: #000;
}

label	{
	position: absolute;
        top: 0;
        left: 0;
        background: #333;
        color: #fff;
        padding: 6px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
}

label i {
        color: #399946;
}

input	{
	display: inline-block;
	vertical-align: middle;
        border: 0;
        padding: 30px 20px;
        margin: 0;
	width: 100%;
        outline: none;
        box-sizing: border-box;
}
	input.short	{
		width: 10em;
                border-right: 10px solid black;
	}

.preview        {
        position: relative;
        background-color: #666;
        width: 100%;
        text-align: center;
        padding: 32px 0;
        border-bottom: 10px solid black;
}

.result {
        position: relative;
        background-color: #999;
        width: 100%;
        text-align: center;
        padding: 32px 0;
        font-size: 32px;
        display: none;
        border-bottom: 10px solid black;
}

a.link-url,
a.link-code     {
        text-decoration: none;
        color: #399946;
}

a.link-code     {
        font-weight: 700;
}

.error  {
        color: #990000;
}

.enkla	{
	color: #999;
	font-size: 80px;
}

.code	{
	color: #000;
	font-size: 80px;
	font-weight: bold;
}

a.create        {
        display: inline-block;
        background-color: #399946;
        width: 100%;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
        font-size: 120px;
}

a.create:hover  {
        background-color: #ccc; 
}