body,
html {
  margin: 0;
  padding: 0;
  color: #fff;
}

body {
background-color: #fffff;
}

img.logo {
  width: 250px;


}


.container2 ul li {
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

.container2 ul li.visible {
  opacity: 1;
}

    
div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.container {
	position: relative;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
}

.section {
	height: 100vh;
	scroll-snap-align: start;
}
.container1 {

  justify-content: center;
  align-content: center;
  height: 100vh;
  

  background-image: linear-gradient(
            rgba(255, 255, 255, 0.725),
            rgba(243, 243, 243, 0.725)
        ),
        url('/back.jpg');
  
  background-color: #fffff;
  color: white;
  text-align: center;

}


.container2 {

  justify-content: center;
  align-content: center;
  height: 100vh;

    background-image: linear-gradient(
            rgba(255, 255, 255, 0.725),
            rgba(243, 243, 243, 0.725)
        ),
        url('/back.jpg');

  background-color: #fffff;
  color: white;
  text-align: center;

}
header {
  padding: 2.5em;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}


header > img:hover {
  box-shadow: rgb(100 225 200 / 100%) 0px 0px 200px 25px;
}

/* profil ismi ayarlari  */
header > h1 {
  display: inline-block;
  font-size: 1.25em;
  font-weight: bold;
  border-radius: 1em;
  background-color: #000a;
  color: #fff;
  padding: 0.25em 0.5em;
  border: 1px solid #fffa;
  backdrop-filter: blur(10px) saturate(160%) contrast(180%);
  -webkit-backdrop-filter: blur(10px) saturate(160%) contrast(180%);
}

header > h1:hover {
  color: teal;
  background-color: white;
  box-shadow: 0px 0px 150px 5px teal;
}

ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0 auto;
  padding: 0.25em;
  max-width: 480px;
}

ul > li {
  background-color: #ffffff8a;
  border-radius: 10em;
  margin: 2em 0;
  box-shadow: rgb(28 32 93 / 24%) 0px 2px 8px 0px;
    animation:  fadein 0.5s ease-in normal backwards, moveUp 500ms ease-out normal backwards;
}

ul > li > a {
  display: flex;
  font-family: "Oranienbaum", serif;
  font-weight: 400;
  font-style: normal;
  flex-direction: row;
  border: 1px solid #000000;
  border-radius: 10em;
  justify-content: center;
  align-items: center;
  gap: 2em;
padding: 15px;
    font-size: 25px;
    animation:  fadein 0.5s ease-in normal backwards, moveUp 500ms ease-out normal backwards;
}

a {
  color: #000000;
  text-decoration: none;
}


.imperial-script-regular {
  font-family: "Imperial Script", serif;
  font-weight: 400;
  font-style: normal;
}



/***************************************************
 * Generated by SVG Artista on 2/2/2025, 11:43:30 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 327.205810546875px;
    stroke-dasharray: 327.205810546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 327.205810546875px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 327.205810546875px;
    stroke-dasharray: 327.205810546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 327.205810546875px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 45.497535705566406px;
    stroke-dasharray: 45.497535705566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.497535705566406px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 45.497535705566406px;
    stroke-dasharray: 45.497535705566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 45.497535705566406px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.62s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.62s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 478.7586364746094px;
    stroke-dasharray: 478.7586364746094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.7586364746094px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 478.7586364746094px;
    stroke-dasharray: 478.7586364746094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.7586364746094px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.74s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.74s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 487.22259521484375px;
    stroke-dasharray: 487.22259521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 487.22259521484375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 487.22259521484375px;
    stroke-dasharray: 487.22259521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 487.22259521484375px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.86s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.86s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 395.15338134765625px;
    stroke-dasharray: 395.15338134765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 395.15338134765625px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 395.15338134765625px;
    stroke-dasharray: 395.15338134765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 395.15338134765625px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.98s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.98s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 285.3999938964844px;
    stroke-dasharray: 285.3999938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 285.3999938964844px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 285.3999938964844px;
    stroke-dasharray: 285.3999938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 285.3999938964844px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 427.2273864746094px;
    stroke-dasharray: 427.2273864746094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 427.2273864746094px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 427.2273864746094px;
    stroke-dasharray: 427.2273864746094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 427.2273864746094px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.22s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.22s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 484.00115966796875px;
    stroke-dasharray: 484.00115966796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 484.00115966796875px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 484.00115966796875px;
    stroke-dasharray: 484.00115966796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 484.00115966796875px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3399999999999999s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3399999999999999s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 285.5999755859375px;
    stroke-dasharray: 285.5999755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 285.5999755859375px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 285.5999755859375px;
    stroke-dasharray: 285.5999755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 285.5999755859375px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.46s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.46s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 571.4304809570312px;
    stroke-dasharray: 571.4304809570312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 571.4304809570312px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 571.4304809570312px;
    stroke-dasharray: 571.4304809570312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 571.4304809570312px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.58s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.58s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 483.80133056640625px;
    stroke-dasharray: 483.80133056640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 483.80133056640625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 483.80133056640625px;
    stroke-dasharray: 483.80133056640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 483.80133056640625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.7s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.7s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 719.9098510742188px;
    stroke-dasharray: 719.9098510742188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 719.9098510742188px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 719.9098510742188px;
    stroke-dasharray: 719.9098510742188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 719.9098510742188px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.8199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.8199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 130.9499053955078px;
    stroke-dasharray: 130.9499053955078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.9499053955078px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 130.9499053955078px;
    stroke-dasharray: 130.9499053955078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.9499053955078px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.94s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.94s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 143.91355895996094px;
    stroke-dasharray: 143.91355895996094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 143.91355895996094px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 143.91355895996094px;
    stroke-dasharray: 143.91355895996094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 143.91355895996094px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.06s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.06s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 130.9498748779297px;
    stroke-dasharray: 130.9498748779297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.9498748779297px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 130.9498748779297px;
    stroke-dasharray: 130.9498748779297px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.9498748779297px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1799999999999997s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1799999999999997s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 298.0734558105469px;
    stroke-dasharray: 298.0734558105469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.0734558105469px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 298.0734558105469px;
    stroke-dasharray: 298.0734558105469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 298.0734558105469px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.3s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.3s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 92.33689880371094px;
    stroke-dasharray: 92.33689880371094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.33689880371094px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 92.33689880371094px;
    stroke-dasharray: 92.33689880371094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.33689880371094px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.42s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.42s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 111.68819427490234px;
    stroke-dasharray: 111.68819427490234px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 111.68819427490234px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 111.68819427490234px;
    stroke-dasharray: 111.68819427490234px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 111.68819427490234px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.54s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.54s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}