html body {
background-color: #000000;
}
body.article {
  background-image: url("fruitdotsbackground-dark.png");
}

a, a:hover, a:focus {
    color:#FFFFFF;
}

h1 {
color:#FFFFFF; 
font-family: 'Grandstander'; 
font-size:36pt; 
text-shadow: 0 0 8px #000000;
line-height:1.2;
margin: 10px;
}

h2 {
color:#FFFFFF; 
font-family: 'Grandstander'; 
font-size:24pt; 
text-shadow: 0 0 8px #000000;
}

h3 {
color:#FFFFFF; 
font-family: 'Grandstander'; 
font-size:18pt; 
text-shadow: 0 0 8px #000000;
}

.footer {
color:#FFFFFF; 
font-family: 'Grandstander'; 
font-size:18pt; 
text-shadow: 0 0 8px #000000; 
padding-bottom:10px; 
margin:10px;
}

.link{
text-decoration: underline;
}

p, li, ul {
  font-family: 'Akatab', sans-serif;
  font-size:16pt;
  color:#FFFFFF;
  text-decoration-color:#FFFFFF;
  line-height:1.5;
  text-align:center;
  text-shadow: 0 0 3px #000000; 
  padding-bottom:10px; 
  margin:10px
}

.img-sm-c {
  object-fit: cover;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  margin: 10px;
  border: 10px solid;
  filter: drop-shadow(0 0 10px #434343);
}

.img-lg-c {
  object-fit: cover;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  margin: 10px;
  border: 10px solid;
  filter: drop-shadow(0 0 10px #434343);
}

p.article {

  font-family: 'Akatab', sans-serif;
  font-size:16pt;
  color:#FFFFFF;
  text-decoration-color:#FFFFFF;
  line-height:1.5;
  text-align:center;
  text-shadow: 0 0 3px #000000; 
  padding-bottom:10px; 
  margin:0 10% 0 10%
}

.article-18 {
  font-family: 'Akatab', sans-serif;
  font-size:18pt;
  color:#FFFFFF;
  text-decoration-color:#FFFFFF;
  line-height:1.5;
  text-align:center;
  text-shadow: 0 0 3px #000000; 
  padding-bottom:10px; 
  margin:0 10% 0 10%
}

.teaser{
  color:#FFFFFF; 
  font-family: 'Grandstander'; 
  font-size:30pt; 
  text-shadow: 0 0 8px #000000; 
  padding-bottom:10px; 
  margin:10px;
}


strong {
  font-weight: bold;
}