/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
    background-color: white;
    color: #333333;
  }

  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 100%;
    margin: 0;
    font-weight: 400;
    /* font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif;
    text-transform: uppercase; */
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
    border-radius: 4px;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  select {
    border: 1px solid #333;
    background: white;
    padding: 0.3rem 0.5rem;
  }

  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px solid transparent;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }

  /* @media only screen and (max-width: 640px) {}
  @media only screen and (min-width: 641px) and (max-width: 768px) {}
  @media only screen and (min-width: 769px) and (max-width: 1024px) {}
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {}
  @media only screen and (min-width: 1281px) and (max-width: 1536px) {}
  @media only screen and (min-width: 1537px) {} */
  /**/
  html {
    font-size: 100%;/*16px*/
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    scroll-behavior: smooth;
  } 
 .container {
    max-width: 100%;
    margin-left: 1rem;
    margin-right: calc(1rem - 1px);
    margin-bottom: 1rem;
    border-right: 1px solid #33333350;
 } 
  header {
    height: 4rem;
    background-color: white;
    position: fixed;
    width: calc(100% - 2rem);
    z-index: 1;
  }
section {
  scroll-margin-top: 5rem;
}
#manilla, #tokyo, #amsterdam, #arnhem, #barcelona, #lisbon, #berlin, #bristol, #bratislava,#cologne,#copenhagen, #dublin, 
#freiburg, #graz, #grenoble, #istanbul, #krakow, #kortrijk, #lisbon, #london, #malmo, #miltonkeynes, #munich, #vienna, #rotterdam, #stockholm, #utrecht, #oslo, #wales, #zurich, #mexicocity, #rio, #austin, #boston, #chicago, #losangeles, #minneapolis, #montreal, #newyork,#richardson, #sanfrancisco, #stlouis, #toronto, #brisbane, #melbourne, #sydney, #wellington, #dubai, #online{
  scroll-margin-top: 16rem;
}


  .title {
    grid-column: span 2; 
    padding-left: 1rem; 
    padding-top: 1rem; 
    border-left: 1px solid #33333350;
  }
  header {
    height: 4rem;
  }
  @media only screen and (max-width: 640px) {
    header {
      height: 3rem;
    }
    .title {
      grid-column: span 1; 
    } 
    .content {
      padding-top: 3rem;
    }
  }
  @media only screen and (min-width: 641px) and (max-width: 766px) {
    .title {
      grid-column: span 1; 
    } 
    header {
      height: 3rem;
    }
    .content {
      padding-top: 3rem !important;
    }
  }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    header {
      height: 3rem;
    }
    .title {
      grid-column: span 2; 
    } 
    .content {
      padding-top: 3rem !important;
    }
  }
  
  .content {
    padding-top: 4.5rem;
  }

  p {
    margin: 0;
  }

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


  a p:nth-child(2) {
    font-weight: 200;
  }



  .year {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    text-align: left;
    gap:1rem;
  }

  @media only screen and (max-width: 640px) {
    .year {
        grid-template-columns: repeat(2, 1fr); 
        grid-column-start: 1;
        row-gap: 0;
        background-color: white;
        
    }
    .hideXS, .hideS, .hideM {
        display: none;
    }
    .choose {
      grid-row-start: 2;
    }
    select {
      width: 90%;
      }
    li {
      padding-left: .7rem !important;
    }  
  }

  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    
    .year {
      grid-template-columns: repeat(4, 1fr); 
      grid-column-start: 1;
      row-gap: 0;
  }
  .hideXS, .hideM, .choose {
    display: none;
  }
}
  
  @media only screen and (min-width: 641px) and (max-width: 768px) {
    .year {
      grid-template-columns: repeat(3, 1fr); 
      grid-column-start: 1;
      row-gap: 0;
  }

  }

  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .year {
      grid-template-columns: repeat(6, 1fr); 
      grid-column-start: 1;
      row-gap: 0;
  }
  .hideXS, .hideM {
    display: none;
}

  }

.month {
  border-left: 1px solid #33333350;
  padding-top: 2.5rem;
  padding-left: 1rem;
  /* position: sticky;
  position: -webkit-sticky;
  top: 4rem; */
  /* font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif; */
  text-transform: uppercase;
}
  ul {
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
  }

  li {
    border-left: 1px solid #33333350;
    padding-left: 1rem;
    padding-top: 1rem;
    background-color: white;
    padding-bottom: 1rem;
  }

  /* li div:nth-child(3), li div:nth-child(4), li div:nth-child(5), li div:nth-child(6)  {
    padding-top: 1rem;
  } */

  li div:nth-child(1) {
    padding-bottom: 1rem;
  }
  .blanc {
    color: transparent;
  } 

  h3 {
    font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, serif;
    font-size: 9rem;
    margin: 0;
    color: #333333;
    letter-spacing: -0.5rem;
  }

  .submit {
    border-color: red;
    background-color: white;
    border-radius: 4px;
    color: red;
    border: 1px solid;
    padding: 0.3rem 0.5rem;
  }

  .submit:hover {
    border-color: red;
    background-color: red;
    border-radius: 4px;
    color: white;
    border: 1px solid;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
  }
  

  .download {
    border-color: #33333375;
    background-color: white;
    border-radius: 4px;
    color: #33333375;
    border: 1px solid;
    padding: 0.3rem 0.5rem;
  }
  .download:hover {
    border-color: #33333375;
    background-color: #33333375;
    border-radius: 4px;
    color: white;
    border: 1px solid;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
  }

  .by-thomasdahm {
    display: block;
    padding: 7px;
    font-size: 75%;
    margin: 0;
    background: rgb(161, 161, 161);
    color: white;
    position: fixed;
    bottom: 0;
    right: 1rem;
    border-top-left-radius: 4px;
    z-index: 2;
    text-decoration: none;
  }

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 75%;
  border: 1px solid #33333375;
  border-radius: 4px;
  color: #33333375;
  padding: 0.3rem 0.5rem;
  background-color: white;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
  background-color: #33333375;
  color: white;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 8rem;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #333333;
  padding: 0.3rem 0.5rem;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


#catbought {
  display: none;
}

.targets div {
  display: none;
}

.box{
  display: none; 
  width: 100%;
  color: #f5f5f5;
}

/*snowflakes*/
/* @-webkit-keyframes snowflakes-fall{
  0%{top:-10%}
  100%{top:100%}
}
@-webkit-keyframes snowflakes-shake{
  0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
  50%{-webkit-transform:translateX(80px);transform:translateX(80px)}
}
  @keyframes snowflakes-fall{
    0%{top:-10%}100%{top:100%}
  }
  @keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} */