@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=PT+Serif&display=swap');

.case-2013-101 {
    background: var(--cool-gray-200);
}

.case-ff {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.case-ff-serif {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.case-ff-serif-italic {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.sotikm-bg-blue-700 { background-color: #1D59B1; } 
.sotikm-bg-blue-800 { background-color: #144081; } 
.sotikm-bg-yellow-300 { background-color: #FFC53F; } 
.sotikm-bg-yellow-400 { background-color: #EDA100; } 
.sotikm-bg-yellow-1000 { background-color: #1E180E; } 
.sotikm-bg-red-600 { background-color: #E2221D; } 
.sotikm-bg-gray-100 { background-color: #F8F8F8; } 
.sotikm-bg-gray-1000 { background-color: #191918; } 

.case-image-2013-101-11-bg {
  background: url('/cases/2013-101/images/2013-101-11.png') repeat center;
  background-color: #191918;
  background-position: top center;
  animation: scrollBgMimicHorizontal 12s cubic-bezier(.7,.2,.3,1) infinite alternate;
}

@keyframes scrollBgMimicHorizontal {
  from {
    background-position: -100% 0;
    background-size: 50% auto;
  }
  to {
    background-position: 150% 0;
    background-size: 80% auto;
  }
}