____twoism

Code: Select all

<style>

    * {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      min-height: 100%;
      font-family: "itc-avant-garde-gothic-pro", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #ffffff;
      background-color: #000000;
      background-image:
        linear-gradient(90deg, rgba(44, 44, 44, 0.4) 0%, rgba(58, 58, 58, 0.2) 50%, rgba(44, 44, 44, 0.4) 100%),
        url('assets/bg.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    body {
      min-height: 100vh;
      min-height: 100svh;
      overflow: hidden;
    }

   .viewport {
      position: fixed;
      inset: 0;
      display: grid;
      place-items: center;
      padding: clamp(16px, 4vh, 48px);
    }

    .page {
      width: min(100%, 820px);
      max-height: calc(100svh - clamp(32px, 8vh, 96px));
      padding: clamp(16px, 3svh, 40px) clamp(16px, 5vw, 48px);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: clamp(10px, 1.5svh, 24px);
    }

@media only screen and (max-width:600px) {
   .viewport, .page {
      padding: 0;
    }
}

#CybotCookiebotDialogBodyEdgeMoreDetails {
        display: none !important;
    }

    #CybotCookiebotDialogTabContent {
        margin: 0 !important;
    }

    @media screen and (max-width: 600px) {
        #CybotCookiebotDialogBodyButtonsWrapper {
            width: 100% !important;
        }

        .CybotCookiebotScrollContainer {
            min-height: 0 !important;
        }
    }

    @media screen and (max-width: 1280px) {
        #CybotCookiebotDialogBodyButtonsWrapper {
            width: 100% !important;
        }

        .CybotCookiebotDialogBodyButton {
            width: 100% !important;
        }
    }

    #CybotCookiebotDialogBodyButtonsWrapper {
        flex-direction: row !important;
        max-width: 350px !important;
        margin-right: 2rem !important;
    }

    #CybotCookiebotDialogBodyButtons {
        justify-content: flex-end !important;
        max-width: 350px !important;
    }

    #CybotCookiebotDialogBodyLevelButtonCustomize > div {
        display: none !important;
    }

    .CybotCookiebotDialogBodyBottomWrapper {
        display: none !important;
    }

    #CybotCookiebotDialogHeader {
        display: none !important;
    }

    #CybotCookiebotDialogPoweredByText {
        display: none !important;
    }

    #CybotCookiebotDialogPoweredbyCybot {
        display: none !important;
    }

    .CybotCookiebotDialogBodyButton {
        padding: 8px 0;
        margin: 2px 0;
    }

    .CybotCookiebotDialogBodyContentText {
        font-size: 12px !important;
        line-height: 1.6em;
        font-family: sans-serif !important;
    }

    #CybotCookiebotDialogBodyContentTitle {
        display: none !important
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
        margin-top: 0 !important;
    }

   #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:last-of-type) {
        border-radius: 30px;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        margin: 0 5px !important;
    }

    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
        max-width: 3000px !important;
    }

    #CybotCookiebotDialog {
      text-transform: uppercase !important;
      font-family: 'itc-avant-garde-gothic-pro' !important;
    }

  .fade-in-form, #CybotCookiebotDialog {
    opacity: 0;
    filter: blur(4px);
    animation: fadeIn 3s ease forwards;
  }

  @keyframes fadeIn {
    to {
      opacity: 0.8;
      filter: blur(0.5px);
    }
  }

  @media only screen and (max-width:600px) {
    #CybotCookiebotDialog {
    opacity: 0;
    filter: blur(4px);
    animation: fadeIn 3s ease forwards;
  }

  @keyframes fadeIn {
    to {
      opacity: 0.9;
      filter: blur(0.5px);
    }
  }
  }

  button {
  transition: all 1s ease !important;
  }
  </style>