@media (min-width:320px) and (max-width: 1300px) {
  .nav,
  .footer__box,
  .oinerniorenio,
  .ebruner,
  .main__box,
  .main__admin__box,
  .boxes__tabl__main,
  .eobnrekk{
    width: 920px;
  }
  .main__body_body{
    grid-template-columns: 1fr 1fr ;
  }
.body__person{
  flex-direction: column;
}
.footer__left{
width: 330px;
}
.boxes__tabl__main{
overflow-x: scroll;
}
  }

@font-face {
  font-family: 'Indie Flower';
  src: local('Indie Flower'), local('Indie Flower'),
      url('./fonts/IndieFlower.woff2') format('woff2'),
      url('./fonts/IndieFlower.woff') format('woff'),
      url('./fonts/IndieFlower.eot') format('eot');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter'), local('Inter'),
      url('./fonts/Inter-Bold.woff2') format('woff2'),
      url('./fonts/Inter-Bold.woff') format('woff'),
      url('./fonts/Inter-Bold.ttf') format('ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter'), local('Inter'),
      url('./fonts/Inter-SemiBold.woff2') format('woff2'),
      url('./fonts/Inter-SemiBold.woff') format('woff'),
      url('./fonts/Inter-SemiBold.ttf') format('ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter'), local('Inter'),
      url('./fonts/Inter-Medium.woff2') format('woff2'),
      url('./fonts/Inter-Medium.woff') format('woff'),
      url('./fonts/Inter-Medium.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: local('Inter'), local('Inter'),
      url('./fonts/Inter-Regular.woff2') format('woff2'),
      url('./fonts/Inter-Regular.woff') format('woff'),
      url('./fonts/Inter-Regular.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
}


* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}


@keyframes contentReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


html {
  scroll-behavior: smooth;
   background: #141519;
}
html, body {
    height: 100%;
    margin: 0;
}
body {
    display: grid;
    grid-template-rows: auto 1fr auto;

}
header { grid-row: 1; }
main   { grid-row: 2; }
footer { grid-row: 3; }
html,
body {
  margin: 0px;
animation: contentReveal 0.7s  forwards;
  opacity: 0.7;
  transform: translateY(0px);
}
/* a blue color as a generic focus style */

button:focus-visible {
  outline: 2px solid #ffffff !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

input, textarea{
  outline: none;
}



body::-webkit-scrollbar{
  width: 7px;
}

body::-webkit-scrollbar-thumb{
  
  background: #000;
  border: 1px solid rgba(92, 98, 98, 0.1);
  border-radius: 666px;
}


.ww,
.click,
.rr,
.exit,
.lefttt,
.remove,
.unlock{
  cursor: pointer;
  transition: 0.3s;
}

.ww:hover,
.unlockevr:hover,
.click:hover,
.message__from:hover,
.paginacia:hover,
.lefttt:hover,
.save__changes___two:hover,
.remove:hover,
.unlock:hover{
  opacity: 1;
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.rr:hover{
opacity: 0.7;
  cursor: pointer;

}
.remove:active,
.unlockevr:active,
.unlock:active,
.save__changes___two:active,
.ww:active,
.lefttt:active{
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.ienvwo:hover .download__agree{
  cursor: pointer;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.ienvwo:active .download__agree{
  cursor: pointer;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.box__filters__body__box:hover{
  cursor: pointer;
  background-color:  rgba(208, 208, 209, 0.02);
}