@font-face {
	font-family: "red";
    src: url("FiraCode-SemiBold.ttf");
}

html{
	background-image: url("media/background.png");
    margin:0;
}

body, html{
	font-family: "red", sans-serif;
	/* padding: 10px; */
	/* border: 5px dashed #3DBCFC; */
    width: 100%;
    height: 100%;
    margin:0;
	background-color: lightblue;
}

h1{
	font-family: "red", sans-serif;
	color: #3DBCFC;
	text-shadow: 5px 5px black;
	/* font-size: 50pt; */
	font-size: 5em;
	text-align: center;
    margin: 0 0 30px 0;
}

p{
	font-size: 1.5em;
	padding: 5px;
    text-align: justify;
}

div{
    padding: 0 5%;
}

#flipped{
  transform: rotate(180deg);
}