@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../doops/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../doops/IBMPlexSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../doops/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
}
.impr
{
  display: none;
  background-color: #1117;
  position: fixed; 
  left: calc(50% - 300px);
  top: calc(50% - 160px);
  width: 590px;
  height: 390px;
  z-index: 10000;
  padding: 20px;
  box-shadow: 3px 3px 4px 7px #0005;
  border-radius: 5px;  
  overflow: hidden;
}
.impx 
{
  display: none;
  background-color: #000e;
  position: fixed; 
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  z-index: 10000;
  overflow-y: auto;
  overflow-x: auto;
  padding: 20px;
  box-shadow: 3px 3px 4px 7px #777;
  border-radius: 5px;  
  color: #fffc;
}
.imps
{
  display: none;
  z-index: 9999;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff1;
}