@font-face{font-family:SupernormaleEigSmaBold;src:url(../Fonts/SupernormaleEigSmaBold.ttf);}
@font-face{font-family:verdana;src:url(../Fonts/verdana.ttf);}
*{margin:0;padding:0;}
body{margin:0;padding:0;font-family:verdana,sans-serif;color:#fff;font-size:14px;}
html,body { scroll-behavior: smooth;}
img{max-width:100%;display:block;}
.body-bg{background:url("../Slices/bg2.jpg") center top / 100% 100% no-repeat;position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:0;}
.body-bg .starG{width:100%;height:100%;opacity:0.5;position:relative;}
.body-bg .starG .star{position:absolute;width:2px;height:2px;background-color:white;border-radius:50%;;}
.body-bg .starG2{width:100%;height:100%;position:absolute;top:0;left:0;}
.body-bg .starG2 .star{position:absolute;animation:blink linear infinite,scale linear infinite;transform-origin:center center;}
.body-bg .starG2 img:nth-of-type(1) { display: none;}
@keyframes blink{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes scale{0%,100%{transform:scale(1);}
50%{transform:scale(0.3);}
}
@keyframes float {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes slide {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(500px);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100vw);
    }
  }
  @keyframes imageFadeIn1 {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes imageFadeIn2 {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 0;
    }
    40% {
        opacity: 1;
      }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes imageFadeIn3 {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 0;
    }
    40% {
        opacity: 0;
      }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes imageFadeIn4 {
    0% {
      opacity: 0;
    }
    60% {
      opacity: 0;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes imageFadeIn5 {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 0;
    }
    80% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
.header-bg{position:fixed;top:0px;left:0px;width:100%;padding:25px;box-sizing:border-box;z-index:500;}
.header-bg .header{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:0 auto;}
.header-bg .header .header-logo{margin-right:25px;cursor: pointer;}
.header-bg .header .header-logo img{width:26px;height:26px;}
.header-bg .header .header-nav{margin-right:32px;flex:1 1 0%;}
.header-bg .header .header-nav .nav{display:flex;align-items:center;}
.header-bg .header .header-nav .nav .item{margin-right:40px;cursor:pointer;}
.header-bg .header .header-nav .nav .item .t1{color:rgb(0, 0, 0);font-size:14px;display:flex;align-items:center;justify-content:center;font-family:SupernormaleEigSmaBold;}
.header-bg .header .header-nav .nav .item .t1 img{width:17px;margin-left:5px;margin-bottom: 4px;}
.header-bg .header .header-nav .nav .item.active .t1{color:#fff8f8;text-decoration:underline;}
.header-bg .header .header-nav .nav .item:hover .t1{color:#f8ecec;text-decoration:underline;}
.header-bg .header .header-ico{display:flex;align-items:center;justify-content:center;}
.header-bg .header .header-ico .ico{margin-left:10px;cursor:pointer;filter: invert(1);}
.header-bg .header .header-ico .ico img{width:32px;height:32px;transition:all 0.5s;}
.header-bg .header .header-ico .ico:hover img{transform:translateY(-10px);}
.dark .header-bg .header .header-nav .nav .item .t1{color:#ffffff;}
.dark .header-bg .header .header-nav .nav .item.active .t1{color:#ffffff;text-decoration:underline;}
.dark .header-bg .header .header-nav .nav .item:hover .t1{color:#15e742;text-decoration:underline;}
.dark .header-bg .header .header-ico .ico { filter: none;}
.dark .header-bg .header .header-ico .ico:hover img{}
.footer-bg{position:relative;z-index:10;background:rgb(24,32,46);padding:60px 0px;}
.footer-bg .footer{max-width:1000px;margin:auto;}
.footer-bg .footer .row1{}
.footer-bg .footer .row2{display:flex;align-items:center;justify-content:space-between;margin-top:40px;}
.footer-bg .footer .row2 .col1{}
.footer-bg .footer .row2 .col1 .txt1{display:flex;align-items:center;font-size:24px;font-family:SupernormaleEigSmaBold;}
.footer-bg .footer .row2 .col1 .txt1 img{width:30px;margin-right:10px;}
.footer-bg .footer .row2 .col1 .txt2{padding-left:40px;padding-top:10px;}
.footer-bg .footer .row2 .col2{}
.footer-bg .footer .row2 .col2 .icoG{display:flex;align-items:center;}
.footer-bg .footer .row2 .col2 .icoG .ico{margin-left:10px;cursor:pointer;}
.footer-bg .footer .row2 .col2 .icoG .ico:hover img { transform: translateY(-10px);}
.footer-bg .footer .row2 .col2 .icoG .ico img{width:32px;height:32px; transition: all 0.5s;}
.footer-bg .dog{}
.footer-bg .dog img{height:74px;margin-top:-110px;animation: slide2 30s linear infinite;}
.paragraph div {
  display: flex;
  justify-content: center;
}
.paragraph div img{width: 8rem;}