body {
	background-color:#1c232c;
    color:white;
	font-family:helvetica,arial,courier;
	font-weight: bold;
    margin:0px;
    padding:0px;
    width:100%;
}

.loginscreen {
    position:fixed;
    display:block;
	background-color:#7e9cc4;
    text-align:center;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin:0px;
    padding:0px;
    visibility:visible;
    z-index:10;
}

.logintitle {
    margin:0px;
    padding:0px;
    margin-top:10%;
    font-size:150px;
	color:#fcac00;
    text-shadow: 2px 2px #000000;
}

.logincode {
    margin:0px;
    padding:0px;
    margin-top:5%;
	border-color:#94b0d4;
	background-color: #6a84a7;
	text-align:center;
	color: #536783;
	font-family:helvetica,arial,courier;
	font-weight: normal;
	font-size:80px;
	height: 100px;
    max-width:70%;
	text-transform: lowercase; 
    border-radius: 50px;
}

@media screen and (max-width: 600px) {
    .logintitle {
        margin-top:20%;
        font-size:50px;
    }
    
    .logincode {
        margin-top:15%;
        border-color:#94b0d4;
        background-color: #6a84a7;
        text-align:center;
        color: #536783;
        font-family:helvetica,arial,courier;
        font-weight: normal;
        font-size:40px;
        height: 50px;
        width:70%;
        text-transform: lowercase;
        border-radius: 50px;
    }
}