:root {
    --color-test: rgba(255, 0, 0, 0.0);
    --color-blue:   rgb(124, 215, 254);
}
.empty_class {
    outline: 0;
}

html {
    scroll-behavior: smooth;                /* плавность прокрутки при нажимании на анкор */
}
body {
    width: 100%;
    
    background-color: var(--color-blue);
}
        body[data-animate-query] {
            animation: start_load_page 1s ease-in-out 0s 1 forwards paused;
            opacity: 0;
        }
                @keyframes start_load_page {
                    0% {opacity: 0;}
                    100% {opacity: 1;}
                }
* {
    margin:             0px;
    padding:            0px;
    text-decoration:    none;               /* обнуляет стили ссылок и т.п. */
  /*box-sizing:         border-box;            не дает раздувать размеры блоков из-за увеличения padding и бордер */

    font-family:        'tahoma';
    scroll-margin-top: calc(64px * var(--scale_1200));
}
.clearfix::after {
    content: '';
    clear: both;
    float: none;
    display: block;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active /* костыль от глюка автозаполнения */{ 
    transition: background-color 5000s ease-in-out 0s;
}