@media (min-width: 1921px) and (max-width: 2600px) {
  .nav__box {
    width: 2150px;
  }
  .nav__box__two{
    width: 2150px;
  }
  .body__box{
    width: 2150px;
  }
  .main__box__one{
    width: 1194px;
  }
  .main__box__one__all{
    width: 2150px;
  }
  .modalka {
    margin-left: 1860px;
  }
  .nav__text {
    font-size: 17px;
  }
  .win__box{
    margin-left: 1985px;
  }
}
@media (min-width: 1439px) and (max-width: 1601px) {
  .nav__box {
    width: 1400px;
  }
  .nav__box__two{
    width: 1400px;
  }
  .body__box{
    width: 1400px;
  }
  .win__box {
    margin-left: 1134px;
  }
  .main__box__one__all{
    width: 1400px;
  }
  .modalka {
    margin-left: 1110px;
  }
  .nav__text {
    font-size: 14px;
  }
  .active__button {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1438px) {
  .nav__box {
    width: 1000px;
  }
  .nav__box__two{
    width: 1000px;
    gap: 10px 10px;
  }
  .body__box{
    width: 1000px;
  }
  .win__box {
    margin-left: 754px;
  }
  .main__box__one{
    width: 594px;
  }
  .main__box__two {
    width: 395px;
  }
  .main__box__one__all{
    width: 1000px;
  }
  .modalka {
    margin-left: 710px;
  }
  .nav__text {
    font-size: 14px;
  }
  .active__button {
    font-size: 13px;
  }
  .obrobvnrov{
    flex-wrap: wrap;
  }
  .twoo__head__box{
    flex-wrap: wrap;
  }
  .result__box{
    flex-wrap: wrap;
  }
  .text__sample__box{
    width: 100%;
  }
  .win__boxx {
    width: 372px;
  }
  #picters{
    width: 100%;
  }
  .cecqwcec,
  .vonev{
    font-size: 15px;
  }
}
@media (min-width: 300px) and (max-width: 990px) {
  .nav__box {
    width: 400px;
  }
  .nav__box__two{
    width: 400px;
    gap: 15px 10px;
  }
  .body__box{
    width: 400px;
    flex-direction: column;
  }
  .win__box {
    margin-left: 40px;
  }
  .main__box__one{
    width: 400px;
  }
  .main__box__two {
    width: 395px;
  }
  .main__box__one__all{
    width: 400px;
  }
  .modalka {
    margin-left: 110px;
  }
  .nav__text {
    font-size: 15px;
  }
  .active__button {
    font-size: 11px;
  }
  .obrobvnrov{
    flex-wrap: wrap;
  }
  .twoo__head__box{
    flex-wrap: wrap;
  }
  .result__box{
    flex-wrap: wrap;
  }
  .text__sample__box{
    width: 100%;
  }
  .win__boxx {
    width: 372px;
  }
  #picters{
    width: 100%;
  }
  .cecqwcec,
  .vonev{
    font-size: 12px;
  }
  .orinvorbv,
  .vmrvmr,
  .main__box__head,
  .nbnrbnr,
  .mtonmot,
  .tbnrt,
  .box__radio__box,
  .vnenbwerv,
  .eorbnr{
    flex-wrap: wrap;
    gap: 10px 10px;
  }

}

@font-face {
  font-family: 'Gilroy';
  src: local('Gilroy Medium'), local('Gilroy-Medium'),
      url('./fonts/Gilroy-Medium.woff2') format('woff2'),
      url('./fonts/Gilroy-Medium.woff') format('woff'),
      url('./fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
      url('./fonts/Gilroy-Semibold.woff2') format('woff2'),
      url('./fonts/Gilroy-Semibold.woff') format('woff'),
      url('./fonts/Gilroy-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}


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


@-webkit-keyframes fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@-moz-keyframes    fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0.2; }   100% { opacity: 1; }   }

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0px;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Стандартное свойство */
  -webkit-animation: fade-in 0.4s linear; /* Safari 4+ */
  -moz-animation: fade-in 0.4s linear; /* Fx 5+ */
  -o-animation: fade-in 0.4s linear; /* Opera 12+ */
  animation: fade-in 0.4s linear; /* IE 10+, Fx 29+ */
}
/* 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;
}


.logo__box,
.sun,
.settings,
.nav__text,
.active__button,
.erbvenve,
.brebbrebdd {
  cursor: pointer;
  transition: 0.3s;
}

.nav__text:hover{
  opacity: 0.7;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.logo__box:hover,
.sun:hover,
.settings:hover,
.main__buttonka_one:hover,
.main__buttonka_two:hover,
.active__button:hover,
.erbvenve:hover{
  opacity: 1;
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.logo__box:active,
.sun:active,
.settings:active,
.main__buttonka_one:active,
.main__buttonka_two:active,
.active__button:active,
.erbvenve:active{
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}



.lock{
  animation: skew 3s infinite;
}

@keyframes skew {
  0% {
    transform: skew(0deg, 0deg);
  }
  50% {
    transform: skew(5deg, 5deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}


@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.shake:active{
  animation: shake 0.5s
}

.icon__light.noactive,
.icon__dark.noactive{
  opacity: 0.5;
}

.noactive{
  opacity: 0.5;
}