@charset "UTF-8";
@font-face {
  font-family: "Circular";
  font-weight: normal;
  font-style: normal;
  src: url("/https/www.webconf.asia/webfont/lineto-circular-bold.woff2") format("woff2");
  font-display: swap; }
strong {
  font-weight: normal; }

.box {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #000000;
  background: #ff4377; }
  .box::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ed92ef, #fffa4b); }
  .box::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ed92ef, #fffa4b); }
  .box *:first-child {
    margin-top: 0; }
  .box *:last-child {
    margin-bottom: 0; }

.sponsor.mozilla {
  background: #000000; }

.speakerinfo {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .speakerinfo::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .speakerinfo::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .speakerinfo *:first-child {
    margin-top: 0; }
  .speakerinfo *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .speakerinfo {
      width: 80%; } }

.speaker {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .speaker::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .speaker::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .speaker *:first-child {
    margin-top: 0; }
  .speaker *:last-child {
    margin-bottom: 0; }

.profile-pic {
  padding: 0;
  line-height: 0;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 0;
  color: #ffffff;
  background: #0166ff; }
  .profile-pic::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .profile-pic::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .profile-pic *:first-child {
    margin-top: 0; }
  .profile-pic *:last-child {
    margin-bottom: 0; }
  .profile-pic img {
    mix-blend-mode: screen; }

.talk {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #000000;
  background: #01cdcd; }
  .talk::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01cdcd, #fffa4b); }
  .talk::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01cdcd, #fffa4b); }
  .talk *:first-child {
    margin-top: 0; }
  .talk *:last-child {
    margin-bottom: 0; }

.talk, .speaker {
  flex: 2 0 60%; }

.profile-pic {
  flex: 1 0 20%; }
  .speakers .profile-pic, .talks .profile-pic {
    max-width: 40%; }

.box.meta {
  align-self: start;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff;
  grid-column: 1 / 8; }
  .box.meta::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01cdcd, #01ffb4); }
  .box.meta::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01cdcd, #01ffb4); }
  .box.meta *:first-child {
    margin-top: 0; }
  .box.meta *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .box.meta {
      grid-column: 1 / 6; } }

.box.social {
  grid-column: 2 / 9; }
  @media only screen and (min-width: 60em) {
    .box.social {
      grid-column: 3 / 9; } }

.talkinfo {
  max-width: 80%;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .talkinfo::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#fffa4b, #fffa4b); }
  .talkinfo::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #fffa4b, #fffa4b); }
  .talkinfo *:first-child {
    margin-top: 0; }
  .talkinfo *:last-child {
    margin-bottom: 0; }

.venue-1 {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff;
  grid-column: 1 / 9; }
  .venue-1::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .venue-1::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .venue-1 *:first-child {
    margin-top: 0; }
  .venue-1 *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .venue-1 {
      grid-column: 1 / 7; } }

.venue-2 {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff;
  grid-column: 1 / 9; }
  .venue-2::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .venue-2::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .venue-2 *:first-child {
    margin-top: 0; }
  .venue-2 *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .venue-2 {
      grid-column: 2 / 7; } }

.taikwun-1 {
  grid-column: 2 / 9; }
  @media only screen and (min-width: 60em) {
    .taikwun-1 {
      grid-column: 4 / 9; } }

.taikwun-2 {
  grid-column: 2 / 9; }
  @media only screen and (min-width: 60em) {
    .taikwun-2 {
      grid-column: 1 / 4; } }

.taikwun-3 {
  grid-column: 1 / 8; }
  @media only screen and (min-width: 60em) {
    .taikwun-3 {
      grid-column: 4 / 9; } }

.thedesk {
  grid-column: 1 / 8; }
  @media only screen and (min-width: 60em) {
    .thedesk {
      grid-column: 4 / 8; } }

.venue-pic {
  line-height: 0;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 0;
  color: #000000;
  background: #0166ff; }
  .venue-pic::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .venue-pic::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .venue-pic *:first-child {
    margin-top: 0; }
  .venue-pic *:last-child {
    margin-bottom: 0; }
  .venue-pic img {
    width: 100%;
    mix-blend-mode: screen; }

.workshops {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377;
  grid-column: 1 / 9; }
  .workshops::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .workshops::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .workshops *:first-child {
    margin-top: 0; }
  .workshops *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .workshops {
      grid-column: 1 / 6; } }

.accommodation {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #fffa4b;
  grid-column: 1 / 9; }
  .accommodation::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .accommodation::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .accommodation *:first-child {
    margin-top: 0; }
  .accommodation *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .accommodation {
      grid-column: 2 / 8; } }

.logo-squared {
  width: 22rem;
  border: 0;
  line-height: 0;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 0;
  color: #000000;
  background: #ff4377; }
  .logo-squared::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, transparent); }
  .logo-squared::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, transparent); }
  .logo-squared *:first-child {
    margin-top: 0; }
  .logo-squared *:last-child {
    margin-bottom: 0; }
  .logo-squared::after {
    left: -1.75rem;
    height: 3.5rem; }
  .logo-squared::before {
    position: absolute;
    top: 1.75rem;
    left: -3.5rem;
    width: 3.5rem;
    transform: skewY(-45deg); }
  .logo-squared::after, .logo-squared::before {
    animation: logo-gradient 30s ease-in-out infinite alternate; }
  .logo-squared::after {
    top: 99%; }
  .logo-squared:hover {
    position: relative;
    display: inline-block;
    margin: 1rem 1rem 3rem 3rem;
    padding: 0;
    color: #000000;
    background: #ff4377; }
    .logo-squared:hover::after {
      position: absolute;
      top: 100%;
      left: -1rem;
      width: 100%;
      height: 2rem;
      content: "";
      transform: skew(-45deg);
      background-image: linear-gradient(#ff4377, #ed92ef); }
    .logo-squared:hover::before {
      position: absolute;
      top: 1rem;
      left: -2rem;
      width: 2rem;
      height: 100%;
      content: "";
      transform: skewY(-45deg);
      background-image: linear-gradient(to left, #ff4377, #ed92ef); }
    .logo-squared:hover *:first-child {
      margin-top: 0; }
    .logo-squared:hover *:last-child {
      margin-bottom: 0; }

@keyframes logo-gradient {
  0% {
    background-color: #01cdcd; }
  60% {
    background-color: #ed92ef; } }
.grid.newsletter {
  margin-top: 3rem; }
  @media only screen and (min-width: 85em) {
    .grid.newsletter {
      grid-column: 1 / 8; } }
  .grid.newsletter .logo {
    align-self: flex-end;
    margin-right: 1rem;
    grid-column: 4 / 9; }
    @media only screen and (min-width: 50em) {
      .grid.newsletter .logo {
        grid-column: 6 / 9; } }

a.logo-squared {
  margin: 5rem 4.5rem; }

.code-of-conduct {
  max-width: 40rem; }

.postponed-home {
  background: #ffffff;
  color: #0166ff;
  max-width: 35em; }

.pp {
  color: #0166ff;
  background: #ffffff; }
  .pp span {
    color: #000000; }

.pp2 {
  margin-left: 100px; }

.others {
  color: #000000;
  background: #ed92ef;
  font-size: .9em;
  max-width: 45rem; }
  .others h3 {
    color: #fffa4b; }

hr {
  margin-top: 30px;
  border: 1px solid #ff4377;
  border-right: 0;
  border-left: 0; }

@media only screen and (min-width: 60em) {
  .address {
    width: 59%; } }
.schedule {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #000000;
  background: #01ffb4;
  grid-column: 1 / 7; }
  .schedule::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .schedule::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .schedule *:first-child {
    margin-top: 0; }
  .schedule *:last-child {
    margin-bottom: 0; }

div.schedule {
  margin-top: .5rem; }

.conf {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff;
  grid-column: 1 / 7; }
  .conf::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01ffb4, #01cdcd); }
  .conf::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01ffb4, #01cdcd); }
  .conf *:first-child {
    margin-top: 0; }
  .conf *:last-child {
    margin-bottom: 0; }

.why, .how, .what, .who {
  grid-column: 1 / 9; }
  @media only screen and (min-width: 60em) {
    .why, .how, .what, .who {
      grid-column: 2 / 8; } }

.why {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #fffa4b;
  background: #ff4377; }
  .why::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#0166ff, #01cdcd); }
  .why::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #0166ff, #01cdcd); }
  .why *:first-child {
    margin-top: 0; }
  .why *:last-child {
    margin-bottom: 0; }

.how {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #fffa4b;
  background: #ff4377; }
  .how::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#0166ff, #01cdcd); }
  .how::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #0166ff, #01cdcd); }
  .how *:first-child {
    margin-top: 0; }
  .how *:last-child {
    margin-bottom: 0; }

.who {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #fffa4b; }
  .who::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .who::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .who *:first-child {
    margin-top: 0; }
  .who *:last-child {
    margin-bottom: 0; }

.what {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #fffa4b; }
  .what::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .what::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .what *:first-child {
    margin-top: 0; }
  .what *:last-child {
    margin-bottom: 0; }

.pic-team {
  grid-column: 1 / 9; }
  @media only screen and (min-width: 60em) {
    .pic-team {
      grid-column: 1 / 7; } }

.pic-charis, .pic-ferdi {
  grid-column: 3 / 8; }
  @media only screen and (min-width: 50em) {
    .pic-charis, .pic-ferdi {
      grid-column: 5 / 8; } }

.tickets-intro {
  grid-column: 1 / 8;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #fffa4b;
  background: #0166ff; }
  .tickets-intro::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ed92ef, #01cdcd); }
  .tickets-intro::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ed92ef, #01cdcd); }
  .tickets-intro *:first-child {
    margin-top: 0; }
  .tickets-intro *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .tickets-intro {
      grid-column: 1 / 7; } }

.tickets-tito {
  grid-column: 1 / 9;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #fffa4b; }
  .tickets-tito::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ed92ef, #0166ff); }
  .tickets-tito::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ed92ef, #0166ff); }
  .tickets-tito *:first-child {
    margin-top: 0; }
  .tickets-tito *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .tickets-tito {
      grid-column: 2 / 8; } }

.add-ticket {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #01cdcd;
  grid-column: 1 / 9; }
  .add-ticket::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#01cdcd, #0166ff); }
  .add-ticket::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #01cdcd, #0166ff); }
  .add-ticket *:first-child {
    margin-top: 0; }
  .add-ticket *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .add-ticket {
      grid-column: 3 / 9; } }

.no-cc {
  grid-column: 1 / 9;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .no-cc::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #0166ff); }
  .no-cc::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #0166ff); }
  .no-cc *:first-child {
    margin-top: 0; }
  .no-cc *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .no-cc {
      grid-column: 2 / 8; } }

.seeyou {
  color: #fffa4b;
  grid-column: 2 / 9; }

.workshop-intro, .workshop-miriam {
  grid-column: 1 / 9;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .workshop-intro::after, .workshop-miriam::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#fffa4b, #ed92ef); }
  .workshop-intro::before, .workshop-miriam::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #fffa4b, #ed92ef); }
  .workshop-intro *:first-child, .workshop-miriam *:first-child {
    margin-top: 0; }
  .workshop-intro *:last-child, .workshop-miriam *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .workshop-intro, .workshop-miriam {
      grid-column: 2 / 8; } }

.workshop-intro2 {
  grid-column: 1 / 9;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .workshop-intro2::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#fffa4b, #ed92ef); }
  .workshop-intro2::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #fffa4b, #ed92ef); }
  .workshop-intro2 *:first-child {
    margin-top: 0; }
  .workshop-intro2 *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .workshop-intro2 {
      grid-column: 2 / 8; } }

body.workshop .profile-pic {
  grid-column: 1 / 7; }
  @media only screen and (min-width: 50em) {
    body.workshop .profile-pic {
      grid-column: 7 / 9; } }

.workshop-bio {
  grid-column: 1 / 9;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #fffa4b; }
  .workshop-bio::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#fffa4b, #01cdcd); }
  .workshop-bio::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #fffa4b, #01cdcd); }
  .workshop-bio *:first-child {
    margin-top: 0; }
  .workshop-bio *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .workshop-bio {
      grid-column: 1 / 7; } }

@font-face {
  font-family: "Circular";
  font-weight: normal;
  font-style: normal;
  src: url("/https/www.webconf.asia/webfont/lineto-circular-bold.woff2") format("woff2");
  font-display: swap; }
strong {
  font-weight: normal; }

body, html {
  position: relative;
  height: 100%; }

body {
  cursor: url("../img/cursor.png"), auto; }

a {
  cursor: url("../img/cursor-blue.png"), auto; }

.btn_tickets {
  cursor: url("../img/cursor-tickets.png"), auto; }

button {
  cursor: url("../img/cursor-yellow.png"), auto; }

.draggable, .draggable-x, .draggable-y, .is-dragging {
  cursor: url("../img/cursor-yellow.png"), auto; }

.is-dragging {
  cursor: url("../img/cursor-pink.png"), auto; }

.pic-ferdi {
  cursor: url("../img/cursor-sushi.png"), auto; }

body::-webkit-scrollbar {
  width: 1em; }

body::-webkit-scrollbar-track {
  background-image: linear-gradient(#01cdcd, #0166ff); }

body::-webkit-scrollbar-thumb {
  background-color: #fffa4b; }

*, *:after, *:before {
  box-sizing: border-box; }

img {
  max-width: 100%; }

body {
  margin: 0;
  color: #000000;
  background: linear-gradient(93deg, #ed92ef 60%, #01cdcd 120%);
  font-family: "Circular", Helvetica, sans-serif;
  font-size: 1.4rem; }

a {
  text-decoration: none;
  color: inherit;
  border-bottom: 3px solid #01cdcd; }
  a:hover {
    background: linear-gradient(90deg, #ffffff, #01cdcd);
    -webkit-background-clip: text;
    box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone; }
  a:active, a:focus {
    color: #ff4377; }

.draggable, .draggable-x, .draggable-y {
  display: inline-block; }

main {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 70rem;
  margin: 5rem auto 0; }
  @media only screen and (min-width: 60em) {
    main {
      padding: 2rem; } }

.sponsors-content {
  max-width: 70rem;
  margin: 0 auto; }
  @media only screen and (min-width: 60em) {
    .sponsors-content {
      padding: 2rem; } }

.intro {
  align-self: flex-start;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 2rem; }
  @media only screen and (min-width: 78em) {
    .intro {
      margin-right: 1rem; } }

.intro-grid {
  padding: 1rem; }
  @media only screen and (min-width: 60em) {
    .intro-grid {
      display: grid;
      display: grid;
      width: 100%;
      margin-top: 4rem;
      grid-template-columns: 40% 60%;
      grid-column-gap: 2rem; } }

.details {
  align-self: end;
  width: 100%;
  margin-bottom: .5rem;
  text-align: right; }
  .details p {
    margin: 0;
    font-size: 3.25rem;
    line-height: 1.15; }
  .details .type {
    color: #ffffff; }

h2.newshead {
  margin-left: 2.8rem;
  color: #fffa4b;
  grid-column: 1 / 5; }

.news-boxes {
  display: grid;
  width: 100%;
  margin-top: 4rem;
  grid-template-columns: repeat(8, auto); }
  .news-boxes .news-1 {
    grid-column: 1 / 4;
    position: relative;
    display: inline-block;
    margin: 1rem 1rem 3rem 3rem;
    padding: 1.5rem 1.75rem;
    color: #0166ff;
    background: #01ffb4; }
    .news-boxes .news-1::after {
      position: absolute;
      top: 100%;
      left: -1rem;
      width: 100%;
      height: 2rem;
      content: "";
      transform: skew(-45deg);
      background-image: linear-gradient(#01ffb4, #ed92ef); }
    .news-boxes .news-1::before {
      position: absolute;
      top: 1rem;
      left: -2rem;
      width: 2rem;
      height: 100%;
      content: "";
      transform: skewY(-45deg);
      background-image: linear-gradient(to left, #01ffb4, #ed92ef); }
    .news-boxes .news-1 *:first-child {
      margin-top: 0; }
    .news-boxes .news-1 *:last-child {
      margin-bottom: 0; }
  .news-boxes .news-2 {
    grid-column: 4 / 7;
    position: relative;
    display: inline-block;
    margin: 1rem 1rem 3rem 3rem;
    padding: 1.5rem 1.75rem;
    color: #ffffff;
    background: #0166ff; }
    .news-boxes .news-2::after {
      position: absolute;
      top: 100%;
      left: -1rem;
      width: 100%;
      height: 2rem;
      content: "";
      transform: skew(-45deg);
      background-image: linear-gradient(#01cdcd, #01ffb4); }
    .news-boxes .news-2::before {
      position: absolute;
      top: 1rem;
      left: -2rem;
      width: 2rem;
      height: 100%;
      content: "";
      transform: skewY(-45deg);
      background-image: linear-gradient(to left, #01cdcd, #01ffb4); }
    .news-boxes .news-2 *:first-child {
      margin-top: 0; }
    .news-boxes .news-2 *:last-child {
      margin-bottom: 0; }
  .news-boxes .news-3 {
    grid-column: 2 / 6;
    position: relative;
    display: inline-block;
    margin: 1rem 1rem 3rem 3rem;
    padding: 1.5rem 1.75rem;
    color: #0166ff;
    background: #01ffb4; }
    .news-boxes .news-3::after {
      position: absolute;
      top: 100%;
      left: -1rem;
      width: 100%;
      height: 2rem;
      content: "";
      transform: skew(-45deg);
      background-image: linear-gradient(#ed92ef, #0166ff); }
    .news-boxes .news-3::before {
      position: absolute;
      top: 1rem;
      left: -2rem;
      width: 2rem;
      height: 100%;
      content: "";
      transform: skewY(-45deg);
      background-image: linear-gradient(to left, #ed92ef, #0166ff); }
    .news-boxes .news-3 *:first-child {
      margin-top: 0; }
    .news-boxes .news-3 *:last-child {
      margin-bottom: 0; }
  .news-boxes .news-4 {
    grid-column: 3 / 7;
    position: relative;
    display: inline-block;
    margin: 1rem 1rem 3rem 3rem;
    padding: 1.5rem 1.75rem;
    color: #000000;
    background: #fffa4b; }
    .news-boxes .news-4::after {
      position: absolute;
      top: 100%;
      left: -1rem;
      width: 100%;
      height: 2rem;
      content: "";
      transform: skew(-45deg);
      background-image: linear-gradient(#fffa4b, #0166ff); }
    .news-boxes .news-4::before {
      position: absolute;
      top: 1rem;
      left: -2rem;
      width: 2rem;
      height: 100%;
      content: "";
      transform: skewY(-45deg);
      background-image: linear-gradient(to left, #fffa4b, #0166ff); }
    .news-boxes .news-4 *:first-child {
      margin-top: 0; }
    .news-boxes .news-4 *:last-child {
      margin-bottom: 0; }
  .news-boxes .news-1, .news-boxes .news-2, .news-boxes .news-3, .news-boxes .news-4 {
    align-self: start; }
    @media only screen and (max-width: 50em) {
      .news-boxes .news-1, .news-boxes .news-2, .news-boxes .news-3, .news-boxes .news-4 {
        grid-column: 1 / 9; } }

.number {
  position: fixed;
  z-index: -1;
  top: .5rem;
  right: -2rem;
  color: #ff4377;
  font-size: 35rem; }

.grid {
  display: grid;
  width: 100%;
  grid-column: 1 / 9;
  grid-template-columns: repeat(8, 12.5%); }

.text {
  margin: 0 3rem;
  font-size: 1.5rem;
  grid-column: 1 / 9; }
  @media only screen and (min-width: 50em) {
    .text {
      font-size: 2rem;
      grid-column: 1 / 7; } }
  .text a:hover {
    background: linear-gradient(90deg, #000000, #01cdcd);
    -webkit-background-clip: text;
    box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone; }

.blue {
  color: #0166ff; }

.pink {
  color: #ff4377; }

.yellow {
  color: #fffa4b; }

.purple {
  color: #ed92ef; }

.green {
  color: #01ffb4; }

.dark {
  color: #000000; }

.schedule-table {
  grid-column: 1 / 9; }
  @media only screen and (min-width: 78em) {
    .schedule-table {
      grid-column: 2 / 7; } }

.workshop-info {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #000000;
  background: #ed92ef;
  grid-column: 1 / 9; }
  .workshop-info::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ed92ef, #fffa4b); }
  .workshop-info::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ed92ef, #fffa4b); }
  .workshop-info *:first-child {
    margin-top: 0; }
  .workshop-info *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 78em) {
    .workshop-info {
      grid-column: 3 / 8; } }

.workshop dt {
  float: left;
  clear: left;
  width: 5em;
  text-align: right;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-variant: small-caps; }

.workshop dd {
  margin: 0 0 0 5.5em; }
  @media only screen and (min-width: 50em) {
    .workshop dd {
      margin: 0 0 0 7em; } }

@media only screen and (min-width: 40em) {
  html {
    font-size: 1.15rem; } }
@media only screen and (min-width: 50em) {
  html {
    font-size: 1.25rem; } }

h1, h2, h3, h4 {
  margin: .707rem 0 0;
  font-weight: inherit;
  line-height: 1.2; }

body {
  line-height: 1.3; }

p {
  max-width: 40em;
  margin: 1rem 0;
  line-height: 1.4; }

h3 + h4 {
  margin-top: 0;
  margin-bottom: 1em; }

.h0 {
  margin: 2rem 0;
  font-size: 4rem; }
  @media only screen and (min-width: 50em) {
    .h0 {
      font-size: 7rem; } }

.h1, h1 {
  margin: 2rem 0 0 0;
  font-size: 3rem; }
  @media only screen and (min-width: 50em) {
    .h1, h1 {
      font-size: 4rem; } }

.h2, h2 {
  margin: 2rem 0 0 0;
  font-size: 2rem; }
  @media only screen and (min-width: 50em) {
    .h2, h2 {
      font-size: 2.8rem; } }

.h25 {
  margin: 2rem 0 0 0;
  font-size: 2rem; }
  @media only screen and (min-width: 50em) {
    .h25 {
      font-size: 2.3rem; } }

h3, .h3 {
  margin: 2rem 0 0 0;
  font-size: 2rem; }

h4, .h4 {
  margin: 2rem 0 .707em;
  font-size: 1.75rem; }

h2 + h3 {
  margin-top: .2rem;
  margin-bottom: 1.5rem; }

.h3 + .h4 {
  margin-top: .2rem; }

ul {
  margin: 1rem 0;
  padding-left: 1em;
  line-height: 1.4; }

.sub {
  position: fixed;
  z-index: -1;
  left: 0;
  width: 20em;
  color: #ff4377;
  font-size: 5em; }
  @media only screen and (max-width: 50em) {
    .sub {
      display: none; } }
  @media only screen and (min-width: 50em) {
    .sub {
      top: -.5em;
      left: 100%;
      transform: rotate(90deg);
      transform-origin: top left; } }

.fullwidth {
  flex: 0 0 80%; }

.head {
  margin: 0;
  font-size: 3rem; }

.subhead {
  font-size: 2rem; }

.menu {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .menu::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ed92ef, #01cdcd); }
  .menu::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ed92ef, #01cdcd); }
  .menu *:first-child {
    margin-top: 0; }
  .menu *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .menu {
      position: fixed;
      top: 1.5rem;
      left: 2.5rem; } }
  .menu:active, .menu:focus, .menu:hover {
    color: #000000;
    background: #fffa4b; }

@media only screen and (max-width: 50em) {
  .box.menu {
    margin: 1rem 1rem 1rem 3rem; } }
.btn_tickets {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .btn_tickets::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#0166ff, #01cdcd); }
  .btn_tickets::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #0166ff, #01cdcd); }
  .btn_tickets *:first-child {
    margin-top: 0; }
  .btn_tickets *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 50em) {
    .btn_tickets {
      position: fixed;
      top: 0;
      right: .5rem; } }
  .btn_tickets:active, .btn_tickets:focus, .btn_tickets:hover {
    color: #000000;
    background: #ed92ef; }

.box.menu:hover, .navcontrol:hover, .box.btn_tickets:hover, .nav-items a:hover {
  -webkit-background-clip: unset;
  box-decoration-break: unset;
  -webkit-text-fill-color: unset;
  -webkit-box-decoration-break: unset; }

.menu, .btn_tickets {
  z-index: 999;
  margin: 0 1rem;
  padding: .5rem 2rem;
  transition: background .1s ease-in-out;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  font-size: 1.2rem; }

.btn_tickets {
  margin: 1.5rem 1rem 3rem 3rem;
  grid-column: 1 / 7; }

.nav-items {
  max-width: 17rem;
  margin: 4rem auto 4rem;
  padding: 0 1em; }
  @media only screen and (min-width: 40em) {
    .nav-items {
      max-width: 19rem; } }
  @media only screen and (max-height: 30em) {
    .nav-items {
      max-width: 17rem;
      margin: 0 auto; } }
  .nav-items > div {
    z-index: 10;
    left: 1rem;
    width: calc(100% - 2rem);
    margin-bottom: .5rem;
    padding: 0;
    text-align: center;
    color: #ffffff;
    font-size: 1.2rem;
    margin-left: 2.5rem; }
    .nav-items > div::after {
      left: -.8rem;
      height: 1.5rem; }
    .nav-items > div::before {
      position: absolute;
      top: .75rem;
      left: -1.5rem;
      width: 1.5rem;
      transform: skewY(-45deg); }
    @media only screen and (min-width: 40em) {
      .nav-items > div {
        left: 2rem; } }
    .nav-items > div a:active, .nav-items > div a:focus, .nav-items > div a:hover {
      color: #000000;
      background: #01ffb4; }
    .nav-items > div a:hover {
      color: #000000; }
    .nav-items > div:nth-child(odd) {
      left: -2rem; }
      @media only screen and (min-width: 40em) {
        .nav-items > div:nth-child(odd) {
          left: -3.7rem; } }
  .nav-items a {
    display: block;
    padding: .3em .8em;
    border: 0; }
    @media only screen and (min-width: 30em) {
      .nav-items a {
        padding: .5em .8em; } }
    .nav-items a:active, .nav-items a:focus, .nav-items a:hover {
      color: #ffffff; }

.scroll {
  display: flex;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  height: 100%; }
  @media only screen and (max-height: 50em) {
    .scroll {
      display: block;
      overflow-y: scroll;
      width: 100%; } }

.nav-collapse {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  transition: .2s ease-out;
  opacity: 0;
  background: #ff4377; }

.nav-collapse.opened {
  z-index: 999;
  opacity: 1; }

[role="navigation"] {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: linear-gradient(90deg, #fffa4b 40%, #ffffff 120%); }
  [role="navigation"]:target {
    z-index: 999;
    display: block;
    visibility: visible;
    opacity: 1; }
    [role="navigation"]:target + main {
      visibility: hidden;
      overflow: hidden;
      height: 0; }

.close {
  top: .5rem;
  right: .5rem;
  width: 3rem;
  height: 3.15rem;
  cursor: pointer;
  text-align: center;
  line-height: 1.25;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .close::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#0166ff, #01cdcd); }
  .close::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #0166ff, #01cdcd); }
  .close *:first-child {
    margin-top: 0; }
  .close *:last-child {
    margin-bottom: 0; }
  .close.close {
    position: absolute;
    padding: .75rem; }
  .close:active, .close:focus, .close:hover {
    color: #000000;
    background: #fffa4b; }

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px; }

.menu-home {
  margin-top: 2em;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .menu-home::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-home::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-home *:first-child {
    margin-top: 0; }
  .menu-home *:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 40em) {
    .menu-home {
      margin-top: 4.5em; } }

.menu-schedule {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ed92ef; }
  .menu-schedule::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-schedule::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-schedule *:first-child {
    margin-top: 0; }
  .menu-schedule *:last-child {
    margin-bottom: 0; }

.menu-talks {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .menu-talks::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-talks::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-talks *:first-child {
    margin-top: 0; }
  .menu-talks *:last-child {
    margin-bottom: 0; }

.menu-speakers {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .menu-speakers::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-speakers::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-speakers *:first-child {
    margin-top: 0; }
  .menu-speakers *:last-child {
    margin-bottom: 0; }

.menu-talks {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #01cdcd; }
  .menu-talks::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-talks::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-talks *:first-child {
    margin-top: 0; }
  .menu-talks *:last-child {
    margin-bottom: 0; }

.menu-workshops {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .menu-workshops::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-workshops::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-workshops *:first-child {
    margin-top: 0; }
  .menu-workshops *:last-child {
    margin-bottom: 0; }

.menu-location {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ed92ef; }
  .menu-location::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-location::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-location *:first-child {
    margin-top: 0; }
  .menu-location *:last-child {
    margin-bottom: 0; }

.menu-sponsors {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #01cdcd; }
  .menu-sponsors::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-sponsors::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-sponsors *:first-child {
    margin-top: 0; }
  .menu-sponsors *:last-child {
    margin-bottom: 0; }

.menu-why {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .menu-why::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-why::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-why *:first-child {
    margin-top: 0; }
  .menu-why *:last-child {
    margin-bottom: 0; }

.menu-contact {
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #0166ff; }
  .menu-contact::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-contact::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-contact *:first-child {
    margin-top: 0; }
  .menu-contact *:last-child {
    margin-bottom: 0; }

.menu-buy {
  margin-bottom: 3em;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #ffffff;
  background: #ff4377; }
  .menu-buy::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#ff4377, #ed92ef); }
  .menu-buy::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #ff4377, #ed92ef); }
  .menu-buy *:first-child {
    margin-top: 0; }
  .menu-buy *:last-child {
    margin-bottom: 0; }

.logo {
  position: relative;
  display: inline-block;
  width: 9rem;
  margin: 1rem 5rem 4.5rem 4rem;
  padding: 0;
  grid-column-end: 3; }
  .logo img {
    position: relative;
    z-index: 10;
    display: block; }
  .logo a {
    border: 0; }
  .logo::after, .logo::before {
    display: none; }

.stripe1 {
  position: absolute;
  top: 1.8rem;
  left: -3.6rem;
  width: 3.6rem;
  height: 1.8rem;
  transform: skewY(-45deg);
  background-image: linear-gradient(to left, #fffa4b, #ff4377); }

.stripe2 {
  position: absolute;
  top: 1.8rem;
  left: -1.8rem;
  width: 2rem;
  height: 3.6rem;
  transform: skew(-45deg);
  background-image: linear-gradient(to left, #ed92ef, #ff4377); }

.stripe3 {
  position: absolute;
  top: 5.5rem;
  left: -3.6rem;
  width: 3.6rem;
  height: 1.8rem;
  transform: skewY(-45deg);
  background-image: linear-gradient(to left, #ed92ef, #0166ff); }

.stripe4 {
  position: absolute;
  top: 5.45rem;
  left: -1.8rem;
  width: 1.8rem;
  height: 3.6rem;
  transform: skew(-45deg);
  background-image: linear-gradient(to left, #ed92ef, #01cdcd); }

.stripe5 {
  position: absolute;
  top: 9rem;
  left: -3.6rem;
  width: 3.6rem;
  height: 1.8rem;
  transform: skewY(-45deg);
  background-image: linear-gradient(to left, #fffa4b, #01ffb4); }

.stripe6 {
  position: absolute;
  top: 100%;
  left: -1.8rem;
  width: 1.8rem;
  height: 3.6rem;
  transform: skew(-45deg);
  background-image: linear-gradient(#fffa4b, #0166ff); }

.stripe7 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 3.6rem;
  height: 1.8rem;
  transform: skewY(-45deg);
  background-image: linear-gradient(#0166ff, #ff4377); }

.stripe8 {
  position: absolute;
  top: 100%;
  left: 1.8rem;
  width: 1.8rem;
  height: 3.6rem;
  transform: skew(-45deg);
  background-image: linear-gradient(#ff4377, #fffa4b); }

.stripe9 {
  position: absolute;
  top: 100%;
  left: 3.6rem;
  width: 3.6rem;
  height: 1.8rem;
  transform: skewY(-45deg);
  background-image: linear-gradient(#ed92ef, #ff4377); }

.stripe10 {
  position: absolute;
  top: 100%;
  left: 5.4rem;
  width: 1.8rem;
  height: 3.6rem;
  transform: skew(-45deg);
  background-image: linear-gradient(#ed92ef, #0166ff); }

button, input {
  padding: 0.25em 0.65em;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  font-family: "Circular", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.4em; }
  @media only screen and (max-width: 40em) {
    button, input {
      width: 100%; } }

input {
  background-image: linear-gradient(#ffffff 10%, #f5c1f6 80%); }
  input::placeholder {
    color: #0166ff; }

button {
  color: #ffffff;
  background: #ff4377; }
  button:hover, button:focus, button:active {
    background: #01cdcd; }

.button {
  flex: 1 1 auto; }

@media only screen and (min-width: 40em) {
  .mc-field-group {
    display: flex;
    flex-wrap: wrap; }
    .mc-field-group input {
      flex: 1 1 auto; }

  #mce-EMAIL {
    margin-right: 0.65em; } }
#mc_embed_signup {
  margin-top: .6em; }

@media only screen and (max-width: 50em) {
  #mc-embedded-subscribe {
    margin-right: 0.65em; } }

#mce-success-response, #mce-success-response {
  display: none; }

.hiddeninput {
  position: absolute;
  left: -5000px; }

body.speakers {
  background: linear-gradient(93deg, #01cdcd 70%, #ffffff 110%); }

body.talks {
  background: linear-gradient(93deg, #ed92ef 20%, #0166ff 80%); }

body.contact {
  background: linear-gradient(93deg, #fffa4b -30%, #ed92ef 80%); }

body.welcome {
  background: linear-gradient(93deg, #ed92ef 30%, #01cdcd 100%); }
  body.welcome .number {
    top: -12.5rem;
    left: -2rem;
    color: #ff4377;
    font-size: 46rem; }
  body.welcome .logo-squared {
    width: calc(90% - 6rem);
    margin: 0 0 0 7rem;
    grid-column-start: 2;
    grid-row-start: 2;
    justify-self: end; }
    @media only screen and (min-width: 60em) {
      body.welcome .logo-squared {
        width: 28rem;
        margin: 0 1rem 0 0; } }

body.location {
  background: linear-gradient(93deg, #ed92ef 60%, #01cdcd 120%); }
  body.location .logo {
    grid-column: 2 / 4;
    justify-self: self-start; }
  body.location .text {
    grid-column: 1 / 8; }
  body.location .btn_tickets {
    grid-column: 1 / 7; }

body.programme {
  background: linear-gradient(93deg, #fffa4b -30%, #ed92ef 80%); }
  body.programme .number {
    color: #ffffff; }

body.mission {
  background: linear-gradient(93deg, #01cdcd 60%, #0166ff 120%); }
  @media only screen and (min-width: 60em) {
    body.mission .text {
      grid-column: 2 / 9; } }
  body.mission .logo {
    grid-column: 2 / 9; }

body.tickets {
  background: linear-gradient(93deg, #0166ff 60%, #ed92ef 120%); }

body.ws-harry {
  background: linear-gradient(93deg, #01cdcd 60%, #01ffb4 120%); }

body.ws-miriam {
  background: linear-gradient(93deg, #ed92ef 60%, #ff4377 120%); }

details summary {
  position: relative; }
  details summary::after {
    position: absolute;
    top: -1rem;
    right: 1rem;
    content: "+";
    color: #fffa4b;
    font-size: 3rem; }
    @media only screen and (min-width: 60em) {
      details summary::after {
        top: -.4rem; } }
details[open] summary::after {
  content: "–"; }
details h2 {
  margin-right: 3rem; }

summary::marker {
  display: none; }

details summary::marker {
  display: none; }

details > summary:first-of-type {
  list-style-type: none; }

.stripeset {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%; }

.stripe {
  display: block;
  width: 150%;
  height: 13.5rem;
  transform: rotate(45deg);
  background-image: linear-gradient(#fffa4b, #01ffb4); }

.stripe-2 {
  display: block;
  width: calc(150% + 10rem);
  height: 13.5rem;
  margin-top: -.5rem;
  margin-left: -11rem;
  transform: rotate(45deg);
  background-image: linear-gradient(#0166ff, #01ffb4); }

.stripe-3 {
  display: block;
  width: 150%;
  height: 13.5rem;
  transform: rotate(45deg);
  background-image: linear-gradient(#fffa4b, #01ffb4); }

.stripe-4 {
  display: block;
  width: calc(150% + 10rem);
  height: 13.5rem;
  margin-top: -.5rem;
  margin-left: -11rem;
  transform: rotate(45deg);
  background-image: linear-gradient(#0166ff, #01ffb4); }

#tito-ticket-zooobchya6u {
  display: none; }

.tito-badge-link {
  font-size: 80%; }

.tito-ticket-price, .tito-ticket-quantity {
  display: inline-block; }

.tito-ticket-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.tito-ticket-quantity-field {
  width: 2.7rem; }

.tito-ticket-name {
  color: #000000;
  font-size: 1.4rem; }

.tito-ticket {
  margin-bottom: 2rem; }

.tito-ticket-name-wrapper {
  margin-right: 2rem; }

.tito-submit-wrapper {
  text-align: right; }

.tito-submit {
  margin: 2rem 0 !important; }

.tito-ticket-description {
  font-size: 1.1rem; }

.tito-discount-code {
  display: none; }

.tito-ticket-status-upcoming {
  opacity: .5; }

@media only screen and (min-width: 78em) {
  .tito-ticket {
    display: flex; }

  .tito-ticket-price-quantity-wrapper {
    min-width: 230px;
    margin-top: -.37rem;
    text-align: right; } }
.tito-ticket-upcoming-explanation, .tito-ticket-upcoming-separator {
  display: none; }

.tito-ticket-upcoming-price {
  display: block;
  margin-top: .3rem;
  font-style: normal; }

.tito-ticket-price, .tito-ticket-quantity span, .tito-ticket-upcoming-price {
  color: #000000; }

.sponsor .logo, .sponsor.logo {
  margin-right: 0;
  background: #ffffff; }

.logo a {
  display: block; }
.logo img {
  width: 100%; }

.footer-sponsorlist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }
  .footer-sponsorlist .sponsor {
    margin-bottom: 1rem; }

.footer-sponsors .sponsor {
  align-self: flex-start;
  flex: 1 1 auto;
  max-width: calc(50% - 2.5em);
  line-height: 0;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 3rem 3rem;
  padding: 1.5rem 1.75rem;
  color: #0166ff;
  background: #ffffff;
  margin-left: 2.5rem; }
  .footer-sponsors .sponsor::after {
    position: absolute;
    top: 100%;
    left: -1rem;
    width: 100%;
    height: 2rem;
    content: "";
    transform: skew(-45deg);
    background-image: linear-gradient(#0166ff, #01cdcd); }
  .footer-sponsors .sponsor::before {
    position: absolute;
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 100%;
    content: "";
    transform: skewY(-45deg);
    background-image: linear-gradient(to left, #0166ff, #01cdcd); }
  .footer-sponsors .sponsor *:first-child {
    margin-top: 0; }
  .footer-sponsors .sponsor *:last-child {
    margin-bottom: 0; }
  .footer-sponsors .sponsor::after {
    left: -.8rem;
    height: 1.5rem; }
  .footer-sponsors .sponsor::before {
    position: absolute;
    top: .75rem;
    left: -1.5rem;
    width: 1.5rem;
    transform: skewY(-45deg); }
  @media only screen and (min-width: 30em) {
    .footer-sponsors .sponsor {
      flex: 1 0 20%;
      min-width: 20%;
      max-width: 20%; } }
  .footer-sponsors .sponsor a {
    border: 0; }

.footer-sponsors {
  display: none;
  padding: 2rem 0; }

body.sponsor .sponsor {
  grid-column: 3 / 8; }
body.sponsor .logo {
  grid-column: 1 / 4; }

@media print {
  body {
    font-size: 75%; }

  * {
    color: black; }

  main {
    margin-top: 30px; }

  .box {
    padding: 0;
    border: 0; }
    .box::after, .box::before {
      display: none; }

  .schedule {
    margin-top: 0 !important;
    padding: 0 !important; }

  .box {
    margin-bottom: 1em !important; }

  .lead, .box.logo, .btn_tickets, .connect, .footer-sponsors, .head, .navcontrol, .profile-pic, .sponsor-head, .sub {
    display: none; } }

/*# sourceMappingURL=style.css.map */