.bodyindex {
  background-image: url("/files/logo.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#000;
}
#body403 {
  background-image: none;
}
#body404 {
  background-image: url("/files/textlesslogo.jpg");
}
@font-face  {
    font-family: 'DSEraserCyr';
    src: url('/files/DSEraserCyr.woff2') format('woff2'),
        url('/files/DSEraserCyr.woff') format('woff'),
        url('/files/DSEraserCyr.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.center-text {
   margin: 0;
   position: absolute;
   top: 45%;
   transform: translateY(-50%);
   width: calc(99%);
   display: flex;
   justify-content: center;
   text-align: center;
   font-family: 'DSEraserCyr';
   font-size: 80px;
   color: #d6dae6;
}
.center-wrapper {
   display: flex;
   justify-content: center;
}
.center-buttons {
   position: absolute;
   top:  82%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.bottom-copyright {
   position: absolute;
   top:  95%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   color: gray;
   font-family:'Permanent Marker',cursive;
   font-weight: 300;
   font-style: normal;
   letter-spacing: 0.1em;
   opacity: 0.4;
   filter: alpha(opacity=40);
}
.sn-button {
   opacity: 0.9;
   filter: alpha(opacity=90);
   margin-right: 10px;
   margin-left: 10px;
   /* height: 48px; */
}
.sn-button:hover {
   opacity: 1.0;
   filter: alpha(opacity=100);
}
.ImgCentered {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}