styles.css

@import url('https://fonts.cdnfonts.com/css/dana');

* {
  font-family: 'dana', sans-serif !important;
}

body {
  direction: rtl;
  max-width: 100vw;
  white-space: normal;
  line-break: strict;
  padding: 1em !important;
}

video {
  max-width: 50rem;
  height: auto;
}

a, a.visited {
  text-decoration: none !important;
}

a:hover, a:active {
  text-decoration: underline !important;
}

a::after, a.visited::after {
  content: ' 🔗';
}

a.hide-link::after {
  content: none;
}

.column {
  padding: 0 1em !important;
}

pre {
  direction: ltr !important;
}

.icon {
  margin-right: 0 !important;
  margin-left: 0.5em;
}

.source {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 240px;
}
.source iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .column-list {
    flex-direction: column !important;
  }
  .column {
    width: 100% !important;
  }
  h1 {
    font-size: 2.2rem !important;
    margin-top: 1.3rem !important;
  }
}