/*Цвет выделения текста*/

::selection {
    color: #FF3D3D;      /* цвет текста */
    background: #EAEAEA; /* фон выделения */
    
}

/* Для Firefox (иногда требуется отдельно) */
::-moz-selection {
    color: #FF3D3D;
    background: #EAEAEA;
    
}

/*Цвет бг*/

body {
    background-color: #F111111;
  }
  
  
  
:root {
  --ease-main: cubic-bezier(.74, 0, 0, 1);
  --animation-verylong: 1s var(--ease-main);
  --animation-long: 0.6s var(--ease-main);
  --animation-medium: 0.4s var(--ease-main);
  --animation-short: 0.2s var(--ease-main);
}  
  
/* === BASE === */
.btn,
.btn .tn-atom {
    border-radius: 30px !important;

    transition:
        border-radius var(--animation-medium),
        background-color var(--animation-medium),
        color var(--animation-medium),
        border-color var(--animation-medium) !important;
}

.btn .tn-atom {
    overflow: hidden;
}

/* === HOVER === */
.btn:hover,
.btn:hover .tn-atom {
    border-radius: 2px !important;
}

/* === TOUCH DEVICES === */
@media (hover: none) and (pointer: coarse) {

    .btn,
    .btn .tn-atom {
        transition: none !important;
    }

    .btn:hover,
    .btn:hover .tn-atom {
        border-radius: 30px !important;
    }
}