/* Import fonts and icons */
@import url('https://fonts.googleapis.com/css2?display=swap&family=Noto+Sans');

* {
	margin: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
}

body {
  max-width: 70ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
  font-family: "Noto Sans", Helvetica, sans-serif;
  font-weight: 400;
}

body h1,h2,h3,h4,h5,h6 {
  margin: 2em 0 0.5em;
}

body p,ul,ol {
  margin-bottom: 1em;
  color: #1d1d1d;
  font-family: sans-serif;
}

body.colorful {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
	        animation: gradient 15s ease infinite;
	height: 100vh;
}

h1.centerpiece {
	font-size: 40px;	
}

a {
	color: #5E41C2;
}

a.header-link {
	color:  #fff;
	text-decoration: none;
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.privacy-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.8em;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.privacy-table thead tr {
    background-color: #dddddd;
    /*color: #ffffff;*/
    text-align: left;
}

.privacy-table th,
.privacy-table td {
    padding: 12px 15px;
    vertical-align: top;
}

.privacy-table td {
		border-right:  thin solid #dddddd;
}

.privacy-table tbody tr {
    border-bottom: thin solid #dddddd;
}

.privacy-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.privacy-table tbody tr:last-of-type {
    border-bottom: 2px solid #cccccc;
}