@charset "utf-8";

html {
	overflow-y: scroll;
}

body {
	/* #23776F */ 
	background-color: #339C98;
	/* Font Settings */
	font-size: 14pt;
	color: white;
}

#root_site_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#logo {
	align-self: center;
	width: 150px;
	margin-bottom: 30px;
	margin-left: 105px;
}

#links_container {
	margin-bottom: 40px;
}

	.link_element {
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;

	}

		.link_element a {
			border: 1px solid white;
			border-radius: 5%;
			padding-top: 7px;
			padding-bottom: 7px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: center;

			color: inherit;
			text-decoration: none;	
		}

		.link_element a:hover {
			background-color: white;
			color: black;
		}