Custom CSS for https://nosolodatos.netlify.app/ (Theme Introduction)

mystyle.css

@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Goldman:wght@400;700&family=Oswald:wght@700&display=swap');

#top h1 {
  font-family: "Audiowide";
	text-align: center;
	color: rgba(134, 9, 192, 0.795);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 18vh;
  letter-spacing: 3px;
  font-size: 75px;
  line-height: .75;
  margin: 0.9px 0;
}

h2 {
  font-family: 'Oswald', sans-serif;
  text-shadow: #7200f0 2px 1px 10px;
}

h3 {
  font-family: 'Audiowide', cursive;
  color: #8f0483;
}


#TOC {
    text-decoration-color: #ee0077;
    box-sizing: border-box;
    box-shadow: 3px 3px #a76184;
    width: 90%;
    border: solid #680235 2px;
    margin: 30px auto;
    padding: 5px;
    background: #e4d0fb;
}

.fa_custom {
  color: #cc0066;
}

.fa_custom2 {
  color: #e967a8;
}

.fa_custom3 {
  color: #7410e7;
}

.fa_custom4 {
  color: #10920b;
}

#footer {
text-shadow: #7200f0 2px 1px 10px;
}

a.navbar-item {
    color: #d7c3ec;    
    font-family: 'Roboto Condensed',
    sans-serif;
    background-color: #3f0321;
  }
  
a.tag-cloud {
  color: rgb(68, 10, 175);
  font-size: 0.9rem;
  font-weight: bold;
  font-family: Acme, sans-serif;
  text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0, 0, 0, .1),
    0 0 5px rgba(0, 0, 0, .1),
    0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .25),
    0 10px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
}

#covid {
  background-color: #35003a;
  color: rgb(223, 156, 243);
  text-shadow: 3px 3px 6px rgb(169, 139, 238);
}

#covid2 {
  font-size: 12pt;
  background-color: rgb(223, 156, 243);
}

#covid3 {
  font-size: 12pt;
  background-color: rgb(223, 156, 243);
}

#covid4 {
  font-size: 12pt;
  background-color: rgb(223, 156, 243);
}

#covid5 {
  font-size: 12pt;
  background-color: rgb(223, 156, 243);
}

#buscosint {
  background-color: #35003a;
  color: rgb(223, 156, 243);
  text-shadow: 3px 3px 6px rgb(169, 139, 238);
}
 
img { 
  border-radius: 3px;
  border: 0px solid;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4)
}

.paper {
  background: rgba(208, 165, 233, 0.726);
  position: relative;
  text-align: left;
  padding: 30px 60px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
  /* The top layer shadow */
  0 10px 0 -5px rgb(170, 149, 189),
  /* The second layer */
  0 10px 1px -4px rgba(0, 0, 0, 0.15),
  /* The second layer shadow */
  0 20px 0 -10px rgb(156, 111, 149),
  /* The third layer */
  0 20px 1px -9px rgba(0, 0, 0, 0.15);
  /* The third layer shadow */
}