html {
  height: 100%;
  width: 100%;
}

body {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(20deg, rgba(0,33,78,255), rgb(12, 27, 242));
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
} 
   

.weather-icon{
  filter:gray;
  -webkit-filter:greyscale(1);
  filter:grayscale(1);
}


.whitebox {
  background-color: rgba(255, 255, 255, 0.7);
}

.darkbox {
  background-color: rgba(0, 0, 0, 0.25);
}

.alertbox{position:absolute;top:53px;left:107px;padding-left:30px; padding-right:30px; height:71px;}

.alertbox-text{text-align:left;font-size:55px;color:white;}

/* #alertbox-text {white-space:nowrap;max-width:920px;overflow:hidden;}
*/


/*  
 * start marquee
 */

.marquee {
   font-size: 8vw;
   margin: -95px 0;
   overflow: hidden;
}



.marquee span {   
    display: inline-block;
    white-space: nowrap;
    width: var(--tw);
    text-shadow: var(--tw) 0 currentColor, 
                 calc(var(--tw) * 2) 0 currentColor, 
                 calc(var(--tw) * 3) 0 currentColor,
                 calc(var(--tw) * 4) 0 currentColor;
   
    will-change: transform;
    animation: marquee var(--ad) linear infinite;
    
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}



/*  
 * end marquee
 */

.period {
  position: absolute;
  height: 93px;
  display: flex;
  justify-content: flex-end;
}

.classtime {
  position: relative;
  top: -39px;
  font-size: 32px;
  color: white;
  opacity: 0.75;
}

.pnumber {
  position: relative;
  top: 0px;
  font-size: 60px;
  color: white;
  opacity: 0.55;
  margin-left: auto;
  margin-right: 10px;
}

.condensed {
  font-family: "Barlow Condensed", sans-serif;
}

.expanded {
  font-family: "Barlow", sans-serif;
}

.override {
  width: 1714px;
  height: 661px;
  position: absolute;
  left: 0px;
  top: 0px
}

.contentbox-announcement {
  width: 1714px;
  height: 563px;
  position: absolute;
  left: 2000px;
  top: 98px;
  

  animation: sliderl 8s forwards;
}

.announcement-body-clamp {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
  }
  
  .announcement-body-clamp:after {
    display: none;
  }

.contentbox-events {
  width: 1714px;
  height: 563px;
  position: absolute;
  top: 1100px;
  animation: slidebt 12s forwards;
}

.contentbox-menu {
  width: 1714px;
  height: 661px;
  position: absolute;
  left: 2000px;
  top: 0px;
  animation: sliderl 8s forwards;
}

.contentbox-image {
  width:100%;height:100%;position:absolute;left: 2000px;
  top: 0px;
  animation: sliderl 12s forwards;
}


.contentbox-radar {
  width:100%;height:100%;position:absolute;left: 2000px;
  top: 0px;
  animation: sliderl-fast 12s forwards;
}


.contentbox-ihssn {
  width:100%;height:100%;position:absolute;left: 0px;
  top: 0px;
  
}

.title-announcement {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 12px;
  width: 100%;
  text-align: left;
  font-size: 55px;
  color: white;
  position: absolute;
  left: 2000px;
  
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
  animation: sliderl 8s forwards;
}

.announcements-body{padding-left:50px; padding-right:50px;padding-top:25px; width:1594px; text-align:left;font-size:45px;color:white;visibility: visible;



}

.qr-code{float:right;

  margin: 0px 0px 25px 25px;} 






.birthday-body{padding-left:50px; padding-right:50px;padding-top:25px; width:1594px; text-align:center;font-size:125px;color:white;visibility: visible;}

.event-time {
  width: 300px;
  height: 182px;
  text-align: center;
  vertical-align: middle;
  line-height: 182px;
  font-size: 95px;
  color: black;
}

.event-desc {
  width: 1346px;
  height: 182px;
  text-align: left;
  vertical-align: middle;
  font-size: 45px;
  color: white;
  display: table;
  padding-left: 30px;
  padding-right: 30px;
}

.event-desc p {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.menu-sides {
  position:absolute;
  top:508px;
  width: 1652px;
  height: 154px;
  text-align: left;
  vertical-align: middle;
  font-size: 45px;
  color: white;
  display: table;
  padding-left: 30px;
  padding-right: 30px;
}

.menu-sides p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.menu-header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 500px;
  text-align: center;
  font-size: 55px;
  color: white;
}

.menu-entree {
  position: relative;
  width: 587px;
  height: 500px;
  text-align: left;
  vertical-align: middle;
  display: table;
  padding-left: 0px;
  padding-right: 60px;
}

.menu-overlay-dark {
  background-color: rgba(0, 0, 0, 0.4);
    text-align: left;
  vertical-align: middle;
  display: table;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 85px;
  color: white;
  width:587px;height:100%;"
}

.menu-overlay-dark p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
 
}

.boxscore-bumper{width:20px;}

.boxscore-row{height:68px;width:1440px;}

.logo-window{width:120px;}

.periodwindow{width:60px;text-align:center;}

.periodwindow-wide{width:90px;text-align:center;}

.scorewindow{width:92px;font-size:50px;}

.teamname{font-size:50px;}

.teamrecord{font-size:30px;opacity:0.7;}

td{padding:0;margin:0;}

td img{vertical-align:middle;}

.ph-logo-box{width:146px;height:126px;position:absolute;display:table-cell;vertical-align:middle;text-align:center;}

.ph-logo-box img{height:96px;margin-top:15px;}

.ph-name-box{width:554px;height:40px;position:absolute;font-size:30px;color:white;}

.ph-stats-box{width:554px;height:86px;position:absolute;font-size:30px;color:white;}

.pstats-label{font-size:30px;opacity:.7;}

.chyron {
  clip-path: inset(0 0 0 100%);
  z-index:7;
  animation: reveallr 0.4s forwards;
  animation-delay: 4.3s;
}

.chyron-score-team{display:inline-block;width:550px;}

.chyron-score{display:inline-block;width:40px;}

.chyron-logo{height:35px;margin-left:15px;margin-right:15px;position:relative;top:5px;
-webkit-filter: drop-shadow(2px 1px 0 rgba(250,250,250,0.3))
          drop-shadow(-1px -1px 0 rgba(250,250,250,0.3));
  filter: drop-shadow(2px 1px 0 rgba(250,250,250,0.3)) 
          drop-shadow(-1px -1px 0 rgba(250,250,250,0.3));}

.win{border: 2px solid rgba(255, 255, 255, 0.4);border-left:0px;border-right:0px;border-top:0px;}


.chyron-content-slider{width:100%;position: absolute;top:108px;animation: slider-chyron-content 600s forwards;
  animation-delay: 0.01s;}

.crawl-label-1{position:absolute;width:300px;height:108px;left:0px;top:37px;background-color: rgba(0, 0, 165, 1);z-index:7;padding-right:30px;padding-top:30px;clip-path: inset(0 0 0 100%);
  animation: reveallr 0.4s forwards;
  }

.crawl-label-2{position:absolute;height:44px;left:0px;top:15px;background-color: rgba(255, 255, 255, 1);z-index:8;padding-left:350px;padding-right:30px;clip-path: inset(0 0 0 100%);
  animation: reveallr 0.4s forwards, hiderl 0.4s forwards;
  }
  
.crawl-contentscore{text-align:left;font-size:35px;color:white;position:absolute;
}

@keyframes reveallr {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes hiderl {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 100% 0 0);
  }
}

@keyframes revealrl {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes hidelr {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 100%);
  }
}

@keyframes revealtb {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealbt {
  from {
    clip-path: inset(100% 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes hidebt {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 0 100% 0);
  }
}

@keyframes sliderl {
  0% {
    left: 2000px;
  }
  10% {
    left: 0px;
    animation-timing-function: ease-out;
  }
  90% {
    left: 0px;
    animation-timing-function: ease-in;
  }
  100% {
    left: -2000px;
  }
}

@keyframes sliderl-fast {
  0% {
    left: 2000px;
  }
  5% {
    left: 0px;
    animation-timing-function: ease-out;
  }
  95% {
    left: 0px;
    animation-timing-function: ease-in;
  }
  100% {
    left: -2000px;
  }
}

@keyframes slidebt {
  0% {
    top: 1100px;
  }
  10% {
    top: 98px;
    animation-timing-function: ease-out;
  }
  90% {
    top: 98px;
    animation-timing-function: ease-in;
  }
  100% {
    top: -1100px;
  }
}

@keyframes slidebt-fast {
  0% {
    top: 1100px;
  }
  5% {
    top: 98px;
    animation-timing-function: ease-out;
  }
  95% {
    top: 98px;
    animation-timing-function: ease-in;
  }
  100% {
    top: -1100px;
  }
}

@keyframes slidebt-ph {
  0% {
    top: 1100px;
  }
  10% {
    top: 0px;
    animation-timing-function: ease-out;
  }
  48% {
    top: 0px;
    animation-timing-function: ease-in;
  }
    52% {
    top: -292px;
    animation-timing-function: ease-out;
  }
  90% {
    top: -292px;
    animation-timing-function: ease-in;
  }
  
  100% {
    top: -1100px;
  }
}


@keyframes reveal-hide-tl {
  0% {
    clip-path: inset(0 100% 100% 0);
  }

  5% {
    clip-path: inset(0 0 0 0);
  }

  95% {
    clip-path: inset(0 0 0 0);
  }

  100% {
    clip-path: inset(100% 0 0 100%);

  }
}

@keyframes slider-chyron-content {
  0% {
    top: 108px;
  }
  0.05% {
    top: 0px;
    animation-timing-function: ease-out;
  }
1% {top: 0px;animation-timing-function: ease-out; }1.05% {top: -108px;animation-timing-function: ease-in; }
2% {top: -108px;animation-timing-function: ease-out; }2.05% {top: -216px;animation-timing-function: ease-in; }
3% {top: -216px;animation-timing-function: ease-out; }3.05% {top: -324px;animation-timing-function: ease-in; }
4% {top: -324px;animation-timing-function: ease-out; }4.05% {top: -432px;animation-timing-function: ease-in; }
5% {top: -432px;animation-timing-function: ease-out; }5.05% {top: -540px;animation-timing-function: ease-in; }
6% {top: -540px;animation-timing-function: ease-out; }6.05% {top: -648px;animation-timing-function: ease-in; }
7% {top: -648px;animation-timing-function: ease-out; }7.05% {top: -756px;animation-timing-function: ease-in; }
8% {top: -756px;animation-timing-function: ease-out; }8.05% {top: -864px;animation-timing-function: ease-in; }
9% {top: -864px;animation-timing-function: ease-out; }9.05% {top: -972px;animation-timing-function: ease-in; }
10% {top: -972px;animation-timing-function: ease-out; }10.05% {top: -1080px;animation-timing-function: ease-in; }
11% {top: -1080px;animation-timing-function: ease-out; }11.05% {top: -1188px;animation-timing-function: ease-in; }
12% {top: -1188px;animation-timing-function: ease-out; }12.05% {top: -1296px;animation-timing-function: ease-in; }
13% {top: -1296px;animation-timing-function: ease-out; }13.05% {top: -1404px;animation-timing-function: ease-in; }
14% {top: -1404px;animation-timing-function: ease-out; }14.05% {top: -1512px;animation-timing-function: ease-in; }
15% {top: -1512px;animation-timing-function: ease-out; }15.05% {top: -1620px;animation-timing-function: ease-in; }
16% {top: -1620px;animation-timing-function: ease-out; }16.05% {top: -1728px;animation-timing-function: ease-in; }
17% {top: -1728px;animation-timing-function: ease-out; }17.05% {top: -1836px;animation-timing-function: ease-in; }
18% {top: -1836px;animation-timing-function: ease-out; }18.05% {top: -1944px;animation-timing-function: ease-in; }
19% {top: -1944px;animation-timing-function: ease-out; }19.05% {top: -2052px;animation-timing-function: ease-in; }
20% {top: -2052px;animation-timing-function: ease-out; }20.05% {top: -2160px;animation-timing-function: ease-in; }
21% {top: -2160px;animation-timing-function: ease-out; }21.05% {top: -2268px;animation-timing-function: ease-in; }
22% {top: -2268px;animation-timing-function: ease-out; }22.05% {top: -2376px;animation-timing-function: ease-in; }
23% {top: -2376px;animation-timing-function: ease-out; }23.05% {top: -2484px;animation-timing-function: ease-in; }
24% {top: -2484px;animation-timing-function: ease-out; }24.05% {top: -2592px;animation-timing-function: ease-in; }
25% {top: -2592px;animation-timing-function: ease-out; }25.05% {top: -2700px;animation-timing-function: ease-in; }
26% {top: -2700px;animation-timing-function: ease-out; }26.05% {top: -2808px;animation-timing-function: ease-in; }
27% {top: -2808px;animation-timing-function: ease-out; }27.05% {top: -2916px;animation-timing-function: ease-in; }
28% {top: -2916px;animation-timing-function: ease-out; }28.05% {top: -3024px;animation-timing-function: ease-in; }
29% {top: -3024px;animation-timing-function: ease-out; }29.05% {top: -3132px;animation-timing-function: ease-in; }
30% {top: -3132px;animation-timing-function: ease-out; }30.05% {top: -3240px;animation-timing-function: ease-in; }
31% {top: -3240px;animation-timing-function: ease-out; }31.05% {top: -3348px;animation-timing-function: ease-in; }
32% {top: -3348px;animation-timing-function: ease-out; }32.05% {top: -3456px;animation-timing-function: ease-in; }
33% {top: -3456px;animation-timing-function: ease-out; }33.05% {top: -3564px;animation-timing-function: ease-in; }
34% {top: -3564px;animation-timing-function: ease-out; }34.05% {top: -3672px;animation-timing-function: ease-in; }
35% {top: -3672px;animation-timing-function: ease-out; }35.05% {top: -3780px;animation-timing-function: ease-in; }
36% {top: -3780px;animation-timing-function: ease-out; }36.05% {top: -3888px;animation-timing-function: ease-in; }
37% {top: -3888px;animation-timing-function: ease-out; }37.05% {top: -3996px;animation-timing-function: ease-in; }
38% {top: -3996px;animation-timing-function: ease-out; }38.05% {top: -4104px;animation-timing-function: ease-in; }
39% {top: -4104px;animation-timing-function: ease-out; }39.05% {top: -4212px;animation-timing-function: ease-in; }
40% {top: -4212px;animation-timing-function: ease-out; }40.05% {top: -4320px;animation-timing-function: ease-in; }
41% {top: -4320px;animation-timing-function: ease-out; }41.05% {top: -4428px;animation-timing-function: ease-in; }
42% {top: -4428px;animation-timing-function: ease-out; }42.05% {top: -4536px;animation-timing-function: ease-in; }
43% {top: -4536px;animation-timing-function: ease-out; }43.05% {top: -4644px;animation-timing-function: ease-in; }
44% {top: -4644px;animation-timing-function: ease-out; }44.05% {top: -4752px;animation-timing-function: ease-in; }
45% {top: -4752px;animation-timing-function: ease-out; }45.05% {top: -4860px;animation-timing-function: ease-in; }
46% {top: -4860px;animation-timing-function: ease-out; }46.05% {top: -4968px;animation-timing-function: ease-in; }
47% {top: -4968px;animation-timing-function: ease-out; }47.05% {top: -5076px;animation-timing-function: ease-in; }
48% {top: -5076px;animation-timing-function: ease-out; }48.05% {top: -5184px;animation-timing-function: ease-in; }
49% {top: -5184px;animation-timing-function: ease-out; }49.05% {top: -5292px;animation-timing-function: ease-in; }
50% {top: -5292px;animation-timing-function: ease-out; }50.05% {top: -5400px;animation-timing-function: ease-in; }
51% {top: -5400px;animation-timing-function: ease-out; }51.05% {top: -5508px;animation-timing-function: ease-in; }
52% {top: -5508px;animation-timing-function: ease-out; }52.05% {top: -5616px;animation-timing-function: ease-in; }
53% {top: -5616px;animation-timing-function: ease-out; }53.05% {top: -5724px;animation-timing-function: ease-in; }
54% {top: -5724px;animation-timing-function: ease-out; }54.05% {top: -5832px;animation-timing-function: ease-in; }
55% {top: -5832px;animation-timing-function: ease-out; }55.05% {top: -5940px;animation-timing-function: ease-in; }
56% {top: -5940px;animation-timing-function: ease-out; }56.05% {top: -6048px;animation-timing-function: ease-in; }
57% {top: -6048px;animation-timing-function: ease-out; }57.05% {top: -6156px;animation-timing-function: ease-in; }
58% {top: -6156px;animation-timing-function: ease-out; }58.05% {top: -6264px;animation-timing-function: ease-in; }
59% {top: -6264px;animation-timing-function: ease-out; }59.05% {top: -6372px;animation-timing-function: ease-in; }
60% {top: -6372px;animation-timing-function: ease-out; }60.05% {top: -6480px;animation-timing-function: ease-in; }
61% {top: -6480px;animation-timing-function: ease-out; }61.05% {top: -6588px;animation-timing-function: ease-in; }
62% {top: -6588px;animation-timing-function: ease-out; }62.05% {top: -6696px;animation-timing-function: ease-in; }
63% {top: -6696px;animation-timing-function: ease-out; }63.05% {top: -6804px;animation-timing-function: ease-in; }
64% {top: -6804px;animation-timing-function: ease-out; }64.05% {top: -6912px;animation-timing-function: ease-in; }
65% {top: -6912px;animation-timing-function: ease-out; }65.05% {top: -7020px;animation-timing-function: ease-in; }
66% {top: -7020px;animation-timing-function: ease-out; }66.05% {top: -7128px;animation-timing-function: ease-in; }
67% {top: -7128px;animation-timing-function: ease-out; }67.05% {top: -7236px;animation-timing-function: ease-in; }
68% {top: -7236px;animation-timing-function: ease-out; }68.05% {top: -7344px;animation-timing-function: ease-in; }
69% {top: -7344px;animation-timing-function: ease-out; }69.05% {top: -7452px;animation-timing-function: ease-in; }
70% {top: -7452px;animation-timing-function: ease-out; }70.05% {top: -7560px;animation-timing-function: ease-in; }
71% {top: -7560px;animation-timing-function: ease-out; }71.05% {top: -7668px;animation-timing-function: ease-in; }
72% {top: -7668px;animation-timing-function: ease-out; }72.05% {top: -7776px;animation-timing-function: ease-in; }
73% {top: -7776px;animation-timing-function: ease-out; }73.05% {top: -7884px;animation-timing-function: ease-in; }
74% {top: -7884px;animation-timing-function: ease-out; }74.05% {top: -7992px;animation-timing-function: ease-in; }
75% {top: -7992px;animation-timing-function: ease-out; }75.05% {top: -8100px;animation-timing-function: ease-in; }
76% {top: -8100px;animation-timing-function: ease-out; }76.05% {top: -8208px;animation-timing-function: ease-in; }
77% {top: -8208px;animation-timing-function: ease-out; }77.05% {top: -8316px;animation-timing-function: ease-in; }
78% {top: -8316px;animation-timing-function: ease-out; }78.05% {top: -8424px;animation-timing-function: ease-in; }
79% {top: -8424px;animation-timing-function: ease-out; }79.05% {top: -8532px;animation-timing-function: ease-in; }
80% {top: -8532px;animation-timing-function: ease-out; }80.05% {top: -8640px;animation-timing-function: ease-in; }
81% {top: -8640px;animation-timing-function: ease-out; }81.05% {top: -8748px;animation-timing-function: ease-in; }
82% {top: -8748px;animation-timing-function: ease-out; }82.05% {top: -8856px;animation-timing-function: ease-in; }
83% {top: -8856px;animation-timing-function: ease-out; }83.05% {top: -8964px;animation-timing-function: ease-in; }
84% {top: -8964px;animation-timing-function: ease-out; }84.05% {top: -9072px;animation-timing-function: ease-in; }
85% {top: -9072px;animation-timing-function: ease-out; }85.05% {top: -9180px;animation-timing-function: ease-in; }
86% {top: -9180px;animation-timing-function: ease-out; }86.05% {top: -9288px;animation-timing-function: ease-in; }
87% {top: -9288px;animation-timing-function: ease-out; }87.05% {top: -9396px;animation-timing-function: ease-in; }
88% {top: -9396px;animation-timing-function: ease-out; }88.05% {top: -9504px;animation-timing-function: ease-in; }
89% {top: -9504px;animation-timing-function: ease-out; }89.05% {top: -9612px;animation-timing-function: ease-in; }
90% {top: -9612px;animation-timing-function: ease-out; }90.05% {top: -9720px;animation-timing-function: ease-in; }
91% {top: -9720px;animation-timing-function: ease-out; }91.05% {top: -9828px;animation-timing-function: ease-in; }
92% {top: -9828px;animation-timing-function: ease-out; }92.05% {top: -9936px;animation-timing-function: ease-in; }
93% {top: -9936px;animation-timing-function: ease-out; }93.05% {top: -10044px;animation-timing-function: ease-in; }
94% {top: -10044px;animation-timing-function: ease-out; }94.05% {top: -10152px;animation-timing-function: ease-in; }
95% {top: -10152px;animation-timing-function: ease-out; }95.05% {top: -10260px;animation-timing-function: ease-in; }
96% {top: -10260px;animation-timing-function: ease-out; }96.05% {top: -10368px;animation-timing-function: ease-in; }
97% {top: -10368px;animation-timing-function: ease-out; }97.05% {top: -10476px;animation-timing-function: ease-in; }
98% {top: -10476px;animation-timing-function: ease-out; }98.05% {top: -10584px;animation-timing-function: ease-in; }
99% {top: -10584px;animation-timing-function: ease-out; }99.05% {top: -10692px;animation-timing-function: ease-in; }
  100% {
    top: -10800px;
  }
}




.barClock .bar {
  width: 100%;
  height: 0.5rem;
  
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: absolute;
  left:0px;
  top:987px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.barClock .bar .progress {
  position: absolute;
  top: 0;
 
  left: 0;
  height: 100%;
  width: 0;
  background-color: rgba(255,255,255);
  z-index: 30;
  overflow: hidden;

  -webkit-transition: all ease 1s;
  transition: all ease 1s;



}

@-webkit-keyframes animatedProgressBar {
  0% {
    background-position: 0.5rem 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes animatedProgressBar {
  0% {
    background-position: 0.5rem 0;
  }
  100% {
    background-position: 0 0;
  }
}

.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: slide-in-bck-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-14 18:50:59
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
            transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}