body
{
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	font-family: Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
}

#gradient
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	display: flex;
    align-items: flex-end;
	justify-content: flex-end;
}

#title
{
	margin-left: 10%; 
	margin-bottom: 18px;
	font-size: 43px;
	text-shadow: 2px 2px 1px #000000;
	color: #ffffff;
}

#textdiv
{
	box-shadow: 0px 11px 2px #006266;
	clear: both;
	color: #000000;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    width: 100%;
	background: #009432;
}

#working
{
	position: relative;
	height: 70%;
	float: right;
	z-index: 1;
}

@media screen and (max-width: 1000px) 
{
	#working
	{
		position: relative;
		height: 50%;
		float: right;
		z-index: 1;
	}

	#title 
	{
		margin-left: 10%;
		margin-bottom: 38px;
		font-size: 90px;
		text-shadow: 2px 2px 1px #000000;
		color: #ffffff;
	}

	#textdiv 
	{
		box-shadow: 0px 11px 2px #006266;
		clear: both;
		color: #000000;
		position: absolute;
		top: 40%;
		margin-top: -150px;
		width: 100%;
		background: #009432;
	}

}

.clickable {
	cursor: hand;
}

.hided {
	display: none;
}