.roboto-title {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.navbar {
	display: block;
	width: auto;
	margin-right: 70%;
	margin-left: 7.5%;
	margin-top: 1%;
	font-size: large;
		ul {
		margin: 10;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
			li {
			float: left;
				a {
				display: block;
				color: #b4c0d0;
				text-align: center;
				padding: 14px 25px;
				text-decoration: none;
				text-decoration: underline; text-decoration-color: #121318; text-decoration-thickness: 0%;
				
				}
				a:hover {
				color: #f9e6c8;
				text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; text-decoration-color: #cf533b;
				transition-timing-function: ease;
				transition: 450ms;
				
				}
				
			}
	}
}

.inter-tight-body {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 450;
  font-style: normal;
}
	body {
	background-color: #121318;
	color: white;
	text-align: center;
	font-family: sans-serif;
	}
	img {
	max-width: 10rem;
	}
	ul {
	display: inline-block;
	text-align: left;
	}
	a:link {
	color: #00eeff;
	}
	a:hover {
	text-decoration:none;
	}