@import url(https://fonts.googleapis.com/css?family=Roboto);
    @import url(https://snurran.verkstan.xyz/wp-content/themes/twentyseventeen/style.css?ver=20201208);

    #display {
      padding: 10px;
      box-sizing: border-box;
    }

    #place-holder {
      position: absolute;
      width: 50%;
      left: calc(50% - 50% * 0.5);
      top: calc(50% - (489px * 0.5));
      pointer-events: none;
      background: #f7f3e4;
      font-family: Roboto;
      text-align: center;
    }

    #place-holder input {
      margin-bottom: 10px;
      text-align: center;
    }

    #place-holder img {
      width: 55%;
    }

    #datepicker {
      pointer-events: all;
    }

    #konceptionstidsintervall,
    #datepicker {
      text-align: center;
      width: 60%;
      margin: 0 auto;
    }

    #wheel-date {
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
    }

    .ui-widget-header {
      background: #68bd45 50% 50% repeat-x
    }

    #ui-datepicker-div {
      margin-left: -15px;
    }

    .info {}

    .small {
      font-size: small;
      font-weight: 600;
       
       @media (prefers-color-scheme: dark) {
          color: #3b3c43;
       }
    }

    .medium {
      font-size: medium;
      font-weight: 600;
       
       @media (prefers-color-scheme: dark) {
          color: #3b3c43;
       }
    }

    .infobox {
      margin-top: 10px;
      margin-bottom: 20px;
      width: 110%;
      margin-left: -5%;
    }