html {
	--main-color: white;
	--second-color: #0820d1;
	background-color: var(--main-color);
	margin: 0%;
	padding: .3%;
	color: var(--second-color);
	font-family: GTFlexamono_bold;
	line-height: 135%;
	font-size: .6vmax;
}
body{
	margin: 0%;
	padding: 0;
	display: block;
	height: auto;
}
a{
	color: var(--second-color);
	text-decoration: none;
}
a:hover{
	background-color: grey;
	color: white;
}
#container-link-website{
	width: 100%;
}
.line-link-website{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.link-website{
	width: 90%;
	display: flex;
	justify-content: space-between;
}
.in-a-website{
	width: 55%;
	display: flex;
}
.date{
	width: 20%;
}
.version{
	width: 20%;
}
.number{
	width: 20%;
}
.name{
	width: 70%;
}
#home-button{	
	position: absolute;
	right: .3%;
	top: .6%;
	width: 10%;
}
.space{
	margin: 0;
	padding: 0;
	display: inline-flex;
	padding-left: 2%;
}
#container-link-website-mobile{
	display: none;
}

@media screen and (max-width: 767px) {

	html {
		line-height: 100%;
		font-size: 1.7vmax;
		padding: 0;
		padding-left: 5%;
		padding-right: 5%;
	}
	body{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 99vh;
	}
	#container-link-website{
		display: none;
	}
	#container-link-website-mobile{
		display: block;
		width: 100%;
	}
	#container-link-website-mobile{
		width: 100%;
	}
	.line-link-website-mobile{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.link-website-mobile{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#link-website-title-mobile{
		margin-bottom: 5%;
	}
	.in-a-website-mobile{
		line-height: 170%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.version-mobile{
		width: 20%;
	}
	.number-mobile{
		width: 10%;
	}
	.name-mobile{
		width: 80%;
	}
	#home-button{	
		position: absolute;
		right: 5%;
		top: 1%;
		width: 30%;
		text-align: right;
	}
}