html {  position: absolute;
    	
	}

/* @font-face{
    font-family:'MyFont';
    src:url('ralewayb.ttf')	  
    }	 */

.popup {           
    z-index: 1000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/* width: 100px; */
	position:absolute;	
	padding: 5px;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: normal 20px/1 "Bangers", Times, serif;
	color: rgba(255,255,255,1);
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(-14.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: -moz-linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background: linear-gradient(104.42077312751097deg, rgba(59,103,158,1) 0, rgba(32,124,202,1) 19%, rgba(43,136,217,1) 55%, rgba(125,185,232,1) 86%, rgba(125,185,232,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 4px 5px 4px 2px rgba(0,0,0,0.3);
	box-shadow: 4px 5px 4px 2px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	
	
	
}

.screen{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/*width: 50%;*/
	width: 170px;
	height:40px;
	vertical-align:middle;
	padding: 5px; 
	font-family: "Poppins", sans-serif;
	/*font-style: italic; */
	line-height: 40px;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background-color: rgb(247, 237, 233);


}

.screen2{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/*width: 50%;*/
	width: 400px;
	height:40px;
	display: none;
	vertical-align:middle;
	padding: 5px; 
	font-family: "Poppins", sans-serif;
	/* font-style: italic;	*/
	line-height: 40px;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background-color: rgb(247, 237, 233);


}

body { margin: 0;
	background-color: coral;
 }
.main{   
    position: absolute;
    display: block;
    margin: 0 auto;
}