style.css

@font-face {
    font-family: RobotoRegular;
    src: url('fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: RobotoBlack;
	src: url('fonts/Roboto-Black.ttf');
}

p, h1, h2, h3, h4
{
  font-family: Arial;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

p
{
    font-size:30px;
}

*
{
	box-sizing: border-box;
}

body, textarea
{
	background-color:black;
	color:white;
	margin: 0;
	padding:0;
	background-position:right;
	background-repeat:no-repeat;
}

#title
{
	display: block;
	font-family: RobotoRegular;
	font-size: 10vw;
	margin: 0 auto;
	z-index:50;
	position: absolute;
	top: 40vh;
	text-align:center;
	width:100%;
	opacity: 0;
	transition: 0.5s;
	overflow:hidden;
}

#title #before{
	z-index: -1;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	border-bottom: royalblue 5px solid; 
	transition: 0.5s;
	margin: 0 5vw 0 5vw;
  }

#title #after{
	z-index: -1;
	content: ' ';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0%;
	height: 100%;
	border-bottom:royalblue 5px solid;
	transition: 0.5s;
	margin: 0 5vw 0 5vw;
  }

#title #after.underlineAnimate {
	width:50%;
}

#title #before.underlineAnimate {
	width:50%;
}

#slideTitle {
	transition: width 0.3s, color 0.3s;
	width: 0%;
	position: absolute;
	overflow: hidden;
	left: 3vh;
	top: 3vh;
	font-family: RobotoBlack;
	font-size: 15vh;
	text-shadow: 1px 1px 5px rgba(150, 150, 150, 1);
	height: 17vh;
}

#slideTitle.animated {
	width: 70%;
	color: red;
}

#contents {
	position: absolute;
	top: 25vh;
	padding-left: 3vh;
	padding-right: 3vh;
	overflow: hidden;
	width: 100%;
}

#topright {
	padding-top:10px;
}


#topright p {
	position: absolute;
	right: 15px;
}

.label {
	font-size: 40px;
	background-color: #000055;
	color: white;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	display:block;
	width: 0;
	overflow:hidden;
	overflow-wrap: normal;
	display: inline-block;
	height: 50px;
	opacity:0;
	font-family:RobotoRegular;
}

#backgroundImage
{
	position:absolute;
	z-index:-5;
	width: 100%;
	height: 100%;
	opacity: 0;
}

#bgImg
{
	width: 50vw;
	height: 50vw;
	right: 0px;
	bottom: 0px;
	border:none;
}

#webviewContainer
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -5;
}

webview
{
	height: 100vw;
	width: 100vh;
	overflow: hidden;
}