/* alegreya-regular - latin */
@font-face {
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/alegreya-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Alegreya Regular"), local("Alegreya-Regular"),
    url("/fonts/alegreya-v14-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/alegreya-v14-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("/fonts/alegreya-v14-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/alegreya-v14-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/alegreya-v14-latin-regular.svg#Alegreya") format("svg"); /* Legacy iOS */
}

/* alegreya-sc-regular - latin */
@font-face {
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/alegreya-sc-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("/fonts/alegreya-sc-v15-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/alegreya-sc-v15-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/alegreya-sc-v15-latin-regular.svg#AlegreyaSC") format("svg"); /* Legacy iOS */
}
/* alegreya-sc-700 - latin */
@font-face {
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/alegreya-sc-v15-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("/fonts/alegreya-sc-v15-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/alegreya-sc-v15-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/alegreya-sc-v15-latin-700.svg#AlegreyaSC") format("svg"); /* Legacy iOS */
}
/* alegreya-sc-800 - latin */
@font-face {
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/alegreya-sc-v15-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("/fonts/alegreya-sc-v15-latin-800.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/alegreya-sc-v15-latin-800.woff2") format("woff2"),
    /* Super Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-800.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/alegreya-sc-v15-latin-800.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/alegreya-sc-v15-latin-800.svg#AlegreyaSC") format("svg"); /* Legacy iOS */
}

* {
  box-sizing: border-box;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
  background: #f9f9f9;
}

@media screen and (min-width: 400px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 698px) {
  html {
    font-size: 18px;
  }
}

body {
  color: #333333;
  background-image: url("/images/dnd/bg3.jpg");
  padding-top: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Alegreya SC", "HelveticaNeue-CondensedBold", "Helvetica Neue",
    cursive;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 0 1.4rem;
  padding-top: 2rem;
}
h1 {
  font-size: 2rem;
  margin: 0;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.4rem;
}
h5 {
  font-size: 1.3rem;
}
h6 {
  font-size: 1.2rem;
}

h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.4rem;
}

a {
  text-decoration: none;
}
a,
a:visited {
  color: #333333;
}

main a {
  text-decoration: underline;
}
main a:hover,
.header a:hover {
  color: #000;
  border-color: #fff;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
iframe {
  width: 100%;
  max-width: 854px;
  margin: 1rem auto 2rem auto;
}

p {
  margin: 0 0 1.4rem 0;
}

code {
  word-break: break-word;
  color: black;
  background: white;
}

table {
  width: 100%;
  max-width: 540px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  text-align: left;
  border-spacing: 0;
}
th,
td {
  padding: 0.5rem;
}
tr {
  background-color: #fff;
}
.srd tr {
  background-color: initial;
}
.srd table {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 1rem 0;
}
.srd th,
.srd td {
  padding: 0 0.4rem;
}

tbody tr:nth-child(odd) {
  background-color: #eee;
}
.srd tbody tr:nth-child(odd) {
  background-color: #e0e5c1;
}

.floated {
  display: block;
  width: 300px;
  margin: 0 auto 2rem auto;
}
.floated.discord {
  width: 280px;
}
.floated.char {
  width: 128px;
}
@media screen and (min-width: 700px) {
  .floated {
    float: left;
    margin-left: 0;
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 700px) {
  .right {
    float: right;
    margin-right: 0;
    margin-left: 2rem;
  }
}

iframe.floated {
  margin-bottom: 1rem;
}

blockquote {
  clear: both;
  padding: 1rem 1.4rem 0 1.4rem;
  margin: 4rem 0 6rem 0;
}
blockquote img {
  width: 100px;
  float: right;
  margin: -2rem -2.4rem 0 0;
}

figure.audioPlayer {
  padding: 0 1.2rem 0.9rem 1.2rem;
  margin: 2.4rem -0.6rem 2.6rem -0.6rem;
}

figure.audioPlayer figcaption {
  font-size: 0.8rem;
  padding: 0.9rem 0 0.8rem 0.3rem;
}

figure.audioPlayer {
  background: rgba(249, 249, 249, 0.92);
}

blockquote {
  background: rgba(249, 249, 249, 0.92);
  border: 1px dashed #ddd;
  border-radius: 6px;
}

audio {
  width: 100%;
}

.clear {
  clear: both;
}

.textImage {
  margin: 1rem 0;
}

.article-intro {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.article-intro img {
  width: 50px;
}
.article-intro p {
  margin: 0 0 0 0.6rem;
}

.footerLogo {
  text-align: center;
  margin-top: -30px;
}
.mainFooter {
  clear: both;
  font-size: 0.8rem;
  padding: 2rem 0;
  background: #222222;
}

.mainFooter,
.mainFooter a,
.mainFooter a:visited {
  color: #888;
}
.mainFooter a:hover {
  color: #fff;
  text-decoration: none;
}
.mainFooter .content-wrapper {
  background: #222222;
}

.link-wrapper a {
  display: inline-block;
  padding: 0.4rem 0;
}
.link-wrapper a[target="_blank"]:after {
  content: "";
  background-image: linear-gradient(transparent, transparent),
    url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M1.5%204.518h5.982V10.5H1.5z%22%2F%3E%3Cpath%20d%3D%22M5.765%201H11v5.39L9.427%207.937l-1.31-1.31L5.393%209.35l-2.69-2.688%202.81-2.808L4.2%202.544z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M9.995%202.004l.022%204.885L8.2%205.07%205.32%207.95%204.09%206.723l2.882-2.88-1.85-1.852z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
  background-position: center center;
  background-repeat: no-repeat;
  padding-right: 20px;
  position: relative;
  bottom: 1px;
  opacity: 0.6;
}
.internal a[target="_blank"]:after,
main a[target="_blank"]:after {
  display: none;
}

.content-wrapper {
  padding: 0 1.4rem 0 1.2rem;
  margin: 0 auto 2rem auto;
}

.main-content-wrapper {
  max-width: 920px;
  padding: 1.4rem 5rem 3rem 3.5rem;
  border-radius: 6px;
}
@media screen and (max-width: 690px) {
  .main-content-wrapper {
    padding: 1.4rem 1.4rem 3rem 1.2rem;
  }
}

footer .content-wrapper {
  max-width: 810px;
}

.logo {
  display: flex;
  align-items: center;
}
.logo div {
  line-height: 1;
}
.logo h1 {
  padding: 0;
  margin-left: 16px;
  font-weight: 800;
}
.logo h1:hover {
  color: #000;
}

.download-pdf {
  text-align: center;
  background: #d3d3d3;
  border-radius: 4px;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 400px) {
  .download-pdf {
    float: right;
    margin-bottom: 0.6rem;
    margin-left: 1.6rem;
  }
}

.download-pdf a {
  display: inline-block;
  padding: 1rem;
}
.download-pdf img {
  width: 120px;
}
.download-pdf span {
  display: block;
}

.link-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link-wrapper > div {
  margin-bottom: 2rem;
}
.link-wrapper p {
  color: #aaa;
  margin-bottom: 0.4rem;
}

@media screen and (min-width: 400px) {
  .header {
    margin-right: 1rem;
  }
}
.header a {
  display: block;
  white-space: nowrap;
}
.header a:hover {
  text-decoration: none;
}

.desktop-header-wrapper {
  max-width: 940px;
  padding: 1rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 350px) {
  .desktop-header-wrapper {
    padding: 0.8rem 1rem 1rem 1.4rem;
  }
}
.desktop-header-wrapper .content-wrapper {
  padding: 0;
  margin: 0;
}

.subfooter {
  border-top: 1px solid #333;
  padding-top: 1rem;
  font-size: 0.8rem;
}
.subfooter a {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.subfooter a:first-of-type {
  margin-left: 0;
}

.services {
  display: flex;
  flex-wrap: wrap;
  max-width: 880px;
  margin: 1rem auto 2rem auto;
}
.services li {
  flex-grow: 1;
  flex-basis: 14%;
  text-align: center;
  margin: 10px;
  flex-basis: 12%;
}

.services a {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.services svg {
  fill: #888;
}
.services a:hover svg {
  fill: #fff;
}

.patreon,
.patreon:visited {
  color: #333;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
.patreon {
  text-decoration: none;
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.5;
  font-weight: bold;
  padding: 0.5rem 0.8rem 0.5rem 0.5rem;
  border-radius: 0 0 0 4px;
  cursor: pointer;
  background: #fff;
}
.patreon svg {
  float: left;
  margin: 0 0.4rem 0 0.4rem;
}
@media screen and (max-width: 430px) {
  .patreon {
    display: none;
  }
}

.fitzcon {
  max-width: 300px;
  margin: 1rem auto 3rem auto;
}

.bigImageContainer,
.wizardsImage {
  display: inline-block;
  position: relative;
  line-height: 0;
  margin: 1rem 0;
}

.wizardsImage {
  margin-bottom: 2rem;
}

@media screen and (min-width: 651px) {
  .bigImageContainer {
    float: right;
    margin-left: 30px;
  }
}
.bigImageContainer figcaption,
.wizardsImage figcaption {
  text-transform: initial;
  font-size: 0.8rem;
  margin: 0;
  text-align: center;
  background: #fff;
  border-top-right-radius: 6px;
  position: absolute;
  padding: 12px 9px 12px 7px;
  bottom: 0;
  left: 0;
  font-family: "Alegreya SC", "HelveticaNeue-CondensedBold", "Helvetica Neue",
    cursive;
  font-weight: 700;
  color: #333;
}
.bigImageContainer figcaption a,
.wizardsImage figcaption a {
  color: #333;
}
.bigImage {
  border-radius: 4px;
}
.portrait {
  float: left;
  margin-right: 20px;
}
.bigImageContainer.full {
  float: none;
  margin: 0.6rem 0 0 0;
}

#nav ul,
.sendungen .list,
#tagcloud,
.content-tags {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding-left: 0;
  margin: 0 0 0 -0.5rem;
}

#nav li,
.sendungen .list li,
#tagcloud li,
.content-tags li {
  margin: 0.5rem;
}

#tagcloud {
  margin-bottom: 1rem;
}

#nav a,
.sendungen .list a,
#tagcloud a,
.content-tags a {
  display: inline-block;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #cf266b;
}
#nav a:visited,
.sendungen .list a:visited,
#tagcloud a:visited,
.content-tags a:visited {
  color: #fff;
}
#nav a:hover,
.sendungen .list a:hover,
#tagcloud a:hover,
.content-tags a:hover {
  color: #fff;
  background-color: #b82261;
}
#nav .active a,
.sendungen .list .active a,
#tagcloud .active a,
.content-tags .active a {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

#nav ul {
  flex-flow: row nowrap;
  margin: 0;
}
#nav a {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
}
#nav li {
  margin: 0.2rem;
}
@media screen and (min-width: 460px) {
  #nav ul {
    margin: 0 0 0 -0.5rem;
  }
  #nav a {
    font-size: 0.8rem;
    padding: 0.3rem 0.8rem;
    margin: 0.5rem;
  }
}

.sendungen .list a,
#tagcloud a,
.content-tags a {
  background-color: #333;
}

.list li {
  margin-bottom: 1rem;
}
.list a {
  text-decoration: none;
}

.list a.readMore {
  font-size: 0.8rem;
  font-weight: bold;
  display: inline-block;
  text-decoration: underline;
  margin: 1rem 0 0.6rem;
}

img.avatar {
  float: left;
  max-width: 120px;
  margin-right: 1.8rem;
  margin-bottom: 0.6rem;
  box-shadow: none;
  border: none;
  margin: -0.4rem 1rem 0 -0.2rem;
}

.imageBody {
  margin-bottom: 1rem;
}
.imageAside {
  float: left;
  max-width: 200px;
  margin-right: 1rem;
}

.quote {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.3rem 2rem;
  margin: 1.6rem 0;
}

/* accordion */
.accordion {
  position: relative;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1rem 2rem 1rem 1rem;
  margin: 1rem 0 0 0;
  cursor: pointer;
  transition: 0.4s;
}
.accordion:after {
  position: absolute;
  top: 35%;
  right: 0.5rem;
  content: "\02795"; /* (+) */
}
.accordion.active:after {
  content: "\2796"; /* (-) */
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active,
.accordion:hover {
  background-color: rgba(0, 0, 0, 0.14);
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
  padding: 0 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  max-height: 0;
  overflow: hidden;
}
.accordion.active + .panel {
  max-height: initial;
}

.breadcrumbs,
.link-wrapper p,
.prevnext {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 0.8rem;
}

.breadcrumbs {
  white-space: nowrap;
  overflow: hidden;
  padding: 0.6rem 0.3rem;
  margin: 1rem 0 1.4rem 0;
}
.breadcrumbs li,
.tags li {
  display: inline-block;
}
.breadcrumbs li:first-child a::before {
  content: "Home";
}
.content-wrapper .breadcrumbs li::after {
  content: ">";
  padding: 0 0.3rem;
}
.breadcrumbs li:last-child::after {
  content: "";
}

.list .tags a {
  text-decoration: underline;
}

.content-tags {
  margin-top: 0.8rem;
  display: flex;
}
.page-tags {
  margin-top: 3rem;
}
.tags-title {
  margin-right: 12px;
}

.fixedHeader {
  background: #f9f9f9;
  box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}

@media screen and (max-width: 690px) {
  .nav-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 775px) {
  .nav-wrapper {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 681px) {
  .fixedHeader {
    position: sticky;
    top: -8px;
    z-index: 9;
  }
  .audioPlayer {
    position: sticky;
    top: 40px;
  }
}

#hi-ich-bin-lex {
  margin-top: 3rem;
}

.podcastGroup {
  margin: 2.4rem 0;
  display: flex;
}
.podcastGroup a {
  display: inline-block;
  cursor: pointer;
}
.podcastIcon {
  margin-right: 0.6rem;
}

.prevnext {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
}

.main-content {
  margin-top: 1rem;
  padding-left: 0.4rem;
}

.main-content > h2 {
  padding-top: 0;
}

.main-content .list {
  margin-bottom: 2rem;
}

.logo h1,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6,
.main-content strong {
  color: #333333;
}

.main-content table,
.coverbox,
.coverbox strong {
  color: #000;
}
.coverbox strong {
  font-weight: 700;
}

.coverbox {
  background-size: cover;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.coverbox a,
.coverbox a:visited {
  color: #333;
}
.coverbox a:hover {
  color: #121212;
}
.coverbox ol {
  padding: 0;
  margin: 0;
  padding: 0.4rem 3rem 0.4rem 3rem;
  background-color: rgba(255, 255, 255, 0.9);
  max-width: 640px;
  margin: 0;
}
.coverbox ol li {
  list-style: decimal;
  margin: 1.6rem 0;
}
.howto {
  background-image: url("/images/blog/einstieg/dice.jpg");
  background-position: bottom;
}
.dice {
  background-image: url("/images/blog/einstieg/dice2.jpg");
}

.image-fullwidth {
  line-height: 0;
  margin: 2rem 0;
}

.srd {
  font-family: "Alegreya", "HelveticaNeue-CondensedBold", "Helvetica Neue",
    cursive;
  max-width: 540px;
  overflow: auto;
  padding: 1rem 2rem;
  margin: 3rem 0;
  background-color: #eee5ce;
  background-image: url("/images/dnd/bg.jpg");
  line-height: 1.4rem;
}
.srd h3 {
  font-size: 1.2rem;
  color: #58180d;
  padding-top: 1rem;
  padding-bottom: 0.1rem;
  border-bottom: 2px solid #c9ad6a;
  margin-bottom: 0.6rem;
}

.srd p.ogl {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  margin-top: 1.4rem;
}

.contentImage {
  border-radius: 4px;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.source {
  margin-top: 3rem;
}

.nowrap {
  white-space: nowrap;
  font-weight: bold;
}

.bulletpoints,
.session0 ul {
  padding-left: 0.8rem;
  text-indent: -0.8rem;
  margin-bottom: 1rem;
}
.bulletpoints li:before,
.session0 li:before {
  content: "- ";
}

iframe,
table,
.bigImageContainer img,
.wizardsImage img,
.my-gallery img,
.avatar,
.srd,
.contentImage,
.coverbox,
.project_link,
blockquote {
  border: 3px solid #fff;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
table {
  margin: 1.6rem 0;
}
.my-gallery figure,
.my-gallery a {
  line-height: 0;
}
.my-gallery a {
  display: inline-block;
}
.my-gallery figcaption {
  display: none;
}
a.fan {
  color: white;
  text-decoration: underline;
}
.pswp__share--facebook,
.pswp__share--pinterest {
  display: none !important;
}

.project_link {
  line-height: 0;
  display: inline-block;
}

.playlist-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.playlist-gallery li {
  margin: 0.8rem 1rem;
}

/* stuff */
.fanart {
  text-align: center;
}
@media screen and (min-width: 690px) {
  .fanart {
    float: right;
    margin-left: 4rem;
    margin-bottom: 3rem;
  }
}

.backtotop {
  font-size: 1.6rem;
  display: inline-block;
  line-height: 1;
  color: #4d394b;
  position: fixed;
  bottom: 2.4rem;
  right: 1.6rem;
  cursor: pointer;
  transition: all 400ms ease;
  opacity: 0;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 100%;
  box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.2);
}
.back_to_top-show {
  opacity: 0.8;
}
.back_to_top-show:hover {
  opacity: 1;
  box-shadow: 0 0.2rem 0.7rem 0 rgba(0, 0, 0, 0.4);
}

.last-object {
  display: block;
  text-align: center;
  margin: 4rem 0 3rem;
  padding: 0 2rem;
}
.last-object p {
  margin-bottom: 0.4rem;
}
.last-object span {
  padding-left: 0.4rem;
  margin-top: -1px;
  color: white;
}
.bmc {
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ff813f;
  padding: 0.4rem 0.6rem 0.4rem 0.4rem;
  border-radius: 5px;
  margin-top: 1em;
  font-size: 0.833em;
  /* -webkit-box-shadow: 0 6px 20px 0 #190d0d;
	box-shadow: 0 6px 20px 0 #190d0d; */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.usesList ul {
  margin-left: 1rem;
}
.usesList li {
  list-style: initial;
}