/* Styles of the 404 page of my website. */

body {
    background: #011627;;
}

a {
	color: #fff;
}
.h1-name{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 100;
    color: #FFAB00;
}
.code-area {
    color: #c792ea;
    font-family: 'Courier New', Courier, monospace;
    font-size: 18px;
    line-height: 1.5em;
	cursor: default;
    position: absolute;
    width: 320px;
	min-width: 320px;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.code-area > span {
    display: block;
}

@media screen and (max-width: 320px) {
    .code-area {
		font-size: 5vw;
		min-width: auto;
        width: 95%;
		margin: auto;
		padding: 5px;
		padding-left: 10px;
		line-height: 6.5vw;
    }
}