* {
    box-sizing: border-box;
  }

  html,
  body {
    margin: 0;
    padding: 0;
  }

  body {
    background-color: #353535;
    background-image: radial-gradient(black 15%, transparent 50%), radial-gradient(black 15%, transparent 50%);
    background-size: 10px 10px;
    background-position: 0px, 0px, 5px, 5;
    margin-bottom: 100px;

    /* OBS mellemrum??*/
  }

  header {
    z-index: 1;
    width: 100%;
    position: sticky;
    top: 0px;
  }

  main {
    background-color: rgb(0, 0, 0);
    overflow: hidden;

    /*linear-gradient(to right, transparent, rgb(0, 0, 0), transparent),
            linear-gradient(to right, transparent, rgb(9, 240, 47), transparent),
            */
    /* background-blend-mode: normal; background-size: 100px 200px, 200px 300px, 300px 400px; */
    /* background-position: 0px, 44vw, right; */
    /*width: 100%;
        height: 84%; */
  }

  /*nav {}
        article {}
        section {}
    */

  @media only screen and (orientation: landscape) {
    .bgpic_l {
      background-size: contain;
      height: 45vw;
      position: relative;
      background-image: url("pic/cinematek.jpg");
      /* background-position: center; */
      background-repeat: no-repeat;
    }

    .hide_p {
      display: none;
    }

    .l_txt {
      font-family: "Times", serif;
      font-size: 1.3vw;
      width: 34%;
      /* left: 32%; */
      right: 0%;
      top: 2vh;
      background-color: black;
      opacity: 0.8;
      position: absolute;
    }

    .menu {
      flex-wrap: nowrap;
      font-size: 1.8vw;
    }

    footer {
      background-color: #252525;
      left: 0;
      right: 0;
      bottom: 0;
      position: fixed;
      font-size: 1.5vw;
    }

    .HandelGothic {
      font-family: HandelGothic;
      font-size: 4.4vw;
    }
  }

  @media only screen and (orientation: portrait) {
    .bgpic_p {
      background-size: cover;
      height: 80vh;
      position: relative;
      background-image: url("/anne/pic/cinematek.jpg");
      background-repeat: no-repeat;
    }

    .hide_l {
      display: none;
    }

    .p_txt {
      font-size: 5.5vw;
      background-color: black;
      margin: auto;
      width: 90vw;
      padding: 2vh;
      opacity: 0.8;
    }

    .menu {
      flex-wrap: wrap;
      font-size: 5.5vw;
    }

    footer {
      background-color: #252525;
      left: 0;
      right: 0;
      bottom: 0;
      position: fixed;
      font-size: 3.8vw;
    }

    .HandelGothic {
      font-family: HandelGothic;
      font-size: 6vw;
    }
  }

  @font-face {
    font-family: rl;
    src: url(fonts/rl.ttf);
  }

  @font-face {
    font-family: HandelGothic;
    src: url(fonts/handgotn.ttf);
  }

  a {
    text-decoration: none;
    color: white;
  }

  .rl {
    font-family: rl;
  }

  .hrl {
    height: 2px;
    background-color: red;
    border: 0px none;
    margin: 0px;
    background-image: linear-gradient(90deg, red, #ff7000, red);
    margin: 0px;
  }

  .gridwrap {
    display: grid;
    width: 100%;

    grid-template-columns: 100%;
    grid-gap: 0px;
    overflow: auto;
  }

  /*.box {
    background-color: #353535;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 0.5;
  }
  */
  /*
  .reddot::before {
    content: "\2022";
    display: inline-block;
    color: red;
    font-weight: bold;
    width: 1em;
    margin-left: -1em;
  }
*/
  .slide1 {
    animation: fadeInOut1 30s infinite alternate;
  }

  .slide2 {
    animation: fadeInOut2 30s infinite alternate;
  }

  .slide3 {
    animation: fadeInOut3 30s infinite alternate;
  }

  .slide4 {
    animation: fadeInOut4 30s infinite alternate;
  }

  .slide5 {
    animation: fadeInOut5 30s infinite alternate;
  }

  @keyframes fadeInOut1 {
    0% {
      opacity: 0;
    }

    20% {
      opacity: 1;
    }
  }

  @keyframes fadeInOut2 {
    20% {
      opacity: 0;
    }

    40% {
      opacity: 1;
    }
  }

  @keyframes fadeInOut3 {
    40% {
      opacity: 0;
    }

    60% {
      opacity: 1;
    }
  }

  @keyframes fadeInOut4 {
    60% {
      opacity: 0;
    }

    80% {
      opacity: 1;
    }
  }

  @keyframes fadeInOut5 {
    80% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }