@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Work+Sans:wght@300;400;500;600;700&display=swap");

body {
    color: #1c1c1c;
    background-color: #fff;
}

body > img {
    margin:3em 0 0 0;
    /*    drop-shadow(#1c1c1c 0.5rem 0.5rem 1rem); */
    filter: drop-shadow(1px 2px 4px #1c1c1c);
}

p.arrows {
    font-size: 2em;
}

ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  flex: 1 0px;
  font-size: 2em;
}
ul li {
  padding: 0px 20px 0px 20px;
}
ul li a {
    color: #be92eb;
    text-shadow: 1px 1px 1px #1c1c1c;
    text-decoration: none;
}
ul li a:hover {
    color: #1c1c1c;
    text-shadow: 1px 1px 1px #be92eb;
}