@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@600&display=swap');
body{
	font-size: 20px;
	height: 100vh;
	width: 100%;
	overflow-x: hidden;
}
.background1{
	background-image: linear-gradient(135deg, #546AFF,#04F2EB);
	height: 100%;
	width: 100%;
}
.profile{
    display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
	height: 100vh;
}
.profile-img{
	background-color: white;
	width: 20vh;
	height: 20vh;
	border-style: solid;
	Border-color: white;
	border-radius: 50%;
}
.profile-myname{
	font-family: Inconsolata, calibri;
	color: #eeeeee;
}
.index-link-competenties{
	font-family: Inconsolata, calibri;
	color: #eeeeee;
	font-size: 1.2em;
	position: relative;
	top: 10px;
	left: 20px;
	width: 220px;
}
.index-link-calculator{
	font-family: Inconsolata, calibri;
	color: #eeeeee;
	font-size: 1.2em;
	position: absolute;
	top: 10px;
	left: 240px;
}
a:link{
	text-decoration: none;
	color: #eeeeee;
}
a:visited{
	text-decoration: none;
	color: #eeeeee;
}
a:hover{
	color: #6F6F6F;
}
.login-form{
	background-color: #eeeeee;
	opacity: 0.7;
	width: auto;
	height: 25vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 20px;
}
.login-container{
	background-image: linear-gradient(135deg, #546AFF,#04F2EB);
	display: flex;
	height: 100vh;
	justify-content: center;
	align-items: center;
}
.login-button{
	width: auto;
}
.link-div{
	width: 100%;
	background-color: #193367;
	position: absolute;
	top: 8px;
}