@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:600);
        .centered {
 position: fixed;top:0px;
left: 50%;
transform: translateX(-50%);
  
  font-size: 20px;
  padding: 0.5px;
  z-index: 100;
}



body {
	min-height: 100vh;
	padding: 0 15px;
	background: radial-gradient(#6090c0, #5e8ebd) fixed;

  margin: auto;




}


.heading {
         position:relative;top:20px;width:auto;
	font-family: "Source Code Pro", Courier, monospace;
	
	font-weight: 800;
	line-height: 1.5;
	padding: 15px 0;
	color: #fff;
	text-align: center;
}
.laptop {
	box-sizing: border-box;
        position:relative;
	width: 900px;
	height: 550px;
	margin: 0 auto;
	border: 5px solid #fff;
	border-radius: 10px;
	overflow: hidden;
	background-image: url(https://aa7.cz/akvapo/notebook.jpg?w=1100&h=550&fit=crop&fp-y=.12);
}

.screen-overlay {
	width: 600px;
	height: 500px;
	background-color: #191919;
	/* Transform screen overlay to cover laptop screen image */
	transform: matrix3d(1.11008, 0.108202, 0, 0.000394192, 
						0.224001, 0.803852, 0, -8.80428e-05, 
						0, 0, 1, 0, 40, 34, 0, 1);
	transform-origin: 0 0 0;



}

.live-view {
	width: 200%;
	height: 200%;
	transform: scale(0.5);
	transform-origin: top left;

	/* Prevent user interaction with iframe content */
	/* pointer-events: none; */
}