body {
	background: url('/img/cloud_bg.svg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
    font-display: fallback;
	line-height: 1.6;
 }

 @media (prefers-color-scheme: dark) {
	body {
		background: black url('/img/dark_bg.svg');
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		font-family: 'Roboto', sans-serif;
		line-height: 1.6;
		color:white;
	}
	a {
		color: #70A0FF;
	}
}

 .container {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.card-body {
    margin: 10px;
}

.card {
    border: none;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    display: grid;
    padding-bottom:10px
}

h5 {
    font-size: 18px;
    float: left;
}

h6 {
    font-size: 14px;
    color: black;
    float: right;
}

p {
    font-size: 14px;
    color: #646464;
    margin-top: 1rem !important;
}