* {
    box-sizing: border-box;
}

html {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    min-height: 100%; /* Обеспечивает полное покрытие фона */
}

body {
    font-family: arial, verdana, tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.4; /* Улучшает читаемость */
    color: #fff;
    background-color: #000000;
    margin: 0 auto;
    max-width: 540px;
    border: 1px dotted #414040b8; /* Сокращённая запись */
    box-shadow: 4px 4px 7px #00000040; /* Более контрастная тень для глубины */
    overflow-x: hidden; /* Предотвращает горизонтальный скролл при масштабировании */
    padding: 0;
    position: relative;
}

.dot {
    border-radius: 4px;
    background: #1d1c1a;
    margin: 3px 0 0 0;
    padding: 3px 7px 3px 7px;
    border: 1px dotted #808080;
}