* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Объявляем шрифт */
        @font-face {
            font-family: 'MyCustomFont';
            src: url('fonts/Metrika-Regular.woff2') format('woff2');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        
        @font-face {
            font-family: 'MyCustomFont';
            src: url('fonts/Metrika-Regular.woff2') format('woff2');
            font-weight: bold;
            font-style: normal;
        }

body {
            font-family: 'MyCustomFont', sans-serif;
            min-height: 512px;
            padding: 20px;
            margin: 0;
            padding: 0;
            background-image: url('images/bg.jpg');
            background-repeat: no-repeat;
            background-size: cover; /* или contain */
            background-position: center;
            background-attachment: fixed; /* фиксированный фон при прокрутке */
            min-height:512px; /* минимальная высота на весь экран */
        }

h1 {
            color: #28345E;
            text-align: center;
            margin-top: 22%;
            font-size: 2.8em;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
        }