@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
        width: 100wh;
        height: 90vh;
        color: #fff;
        background: linear-gradient(-45deg, #0090d7, #003865, #424241, #70c1b3);
        background-size: 400% 400%;
        -webkit-animation: Gradient 15s ease infinite;
        -moz-animation: Gradient 15s ease infinite;
        animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
        0% {
                background-position: 0% 50%
        }
        50% {
                background-position: 100% 50%
        }
        100% {
                background-position: 0% 50%
        }
}

@-moz-keyframes Gradient {
        0% {
                background-position: 0% 50%
        }
        50% {
                background-position: 100% 50%
        }
        100% {
                background-position: 0% 50%
        }
}

@keyframes Gradient {
        0% {
                background-position: 0% 50%
        }
        50% {
                background-position: 100% 50%
        }
        100% {
                background-position: 0% 50%
        }
}

h1,
h6 {
        font-family: 'Roboto Slab';
        font-weight: 500;
        text-align: center;
        position: absolute;
        top: 45%;
        right: 0;
        left: 0;
}

.shake {
        animation: shake-animation 4.72s ease infinite;
        transform-origin: 50% 50%;
  }
  .element {
        margin: 0 auto;
        width: 150px;
        height: 150px;
        background: red;
  }
  @keyframes shake-animation {
         0% { transform:translate(0,0) }
        1.78571% { transform:translate(5px,0) }
        3.57143% { transform:translate(0,0) }
        5.35714% { transform:translate(5px,0) }
        7.14286% { transform:translate(0,0) }
        8.92857% { transform:translate(5px,0) }
        10.71429% { transform:translate(0,0) }
        100% { transform:translate(0,0) }
  }

  .backdrop {
          -moz-box-shadow: 0px 6px 5px #111;
          -webkit-box-shadow: 0px 6px 5px #111;
          box-shadow: 0px 2px 10px #111;
          -moz-border-radius:190px;
          -webkit-border-radius:190px;
          border-radius:190px;
  }

  .linktree {
          width: 250px;
          height: 250px;
          background-image: url("https://mediaparc.ch/wp-content/uploads/2019/03/mediaparc_logo_header.svg");
          background-size: 80%;
          background-color: white;
          background-repeat: no-repeat;
          background-position: 50% 50%;
  }

.container {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Montserrat', serif;
}