html {
  height: 100%;
  width: 100%;
	background-color: orangered;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@font-face  {
	font-family: Dosis;
	src: url("/assets/fonts/Dosis-VariableFont_wght.ttf")
}

.wlcm1 {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
}

.pfp {
	border-radius: 0.5vw;
	height: 14.69vh;
	left: 0vw;
}

.wlcm2 {
	font-family: Dosis;
	font-weight: 400;
	font-size: 8vh;
}

.wlcmd {
	width: 80vw;
	padding: 1vw;
	background-color: darkorange;
	border-radius: 0.5vw;
	display: flex;
	flex-direction: row;
}

.lnkd {
	width: 80vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.lnkbtn {
	padding: 1vw;
	background-color: darkorange;
	border-radius: 0.5vw;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.lnksq {
	font-family: Dosis;
	font-weight: 300;
	font-size: 4vh;
	color: red;
}

a:hover, a:visited, a:link, a:active {
	text-decoration: none;
}