body {
    background: #DDD;
		font-family: Carlito
}

nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		padding: 0px 0px 50px 0px;
}

.nav--list {
		margin: 0px;
		padding: 1px;
		list-style-type: none;

		li {
				padding: 0px;
		}
}


.logo {
		padding: 0px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		img {
				height: 64px;
		}

		p {
				padding: 8px 0px 0px 16px;
				margin: 0px;
				font-size: 2em;
				font-weight: bold;
		}

}

main {
		display: block;
		text-align: center;
		border: 2px solid #e50043;
		border-radius: 20px;
		box-shadow: 10px 5px 5px black;
		width: 500px;
		left: 50%;
		margin-left: -250px;
		position: absolute;
		ul {
				list-style-type: none;
				padding: 0px;
				margin: 0px;
				li {
						padding: 0px;
						margin: 0px;
				}
		}

		h1 {
				padding-bottom: 30px;
		}
}

.provider_list {
		display: inline-block;
		text-align: center;
}

ul.providers--list {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

ul.errors--email-not-confirmed a, ul.providers--list a {
		text-decoration: none;
		background-color: #e50043;
		color: black;
		text-align: center;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		gap: 10px;
		justify-content: center;
		padding: 10px 20px 5px 20px;
		margin: 20px;
		font-size: 2em;
		border-radius: 20px;

}

ul.errors--email-not-confirmed a img, ul.providers--list a img {
		height: 1em;
}


ul.errors--email-not-confirmed a:hover, ul.providers--list a:hover {
		background-color: #fa1558;
}

ul.errors--email-not-confirmed a:active, ul.providers--list a:active {
		border: 2px #e50043 solid;
		background-color: #DDD;
		color: #e50043;
}