body {
  font-family: 'Noto Color Emoji', Verdana, 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333; 		/* Optional: sets default text color */
  margin: 0;
      display: flex;
      justify-content: center;  /* horizontal centering */
      align-items: center;      /* vertical centering */
}

    a {
      text-decoration: none;
    }

    a:link {
      color: #007CB0;
    }

    a:visited {
      color: #007CB0;
    }

    a:hover {
      color: red;
    }

    a:active {
      color: white;
      background: #007CB0;
    }

body.about-page {
  	background-color: #f5f5f5; /* only for this page */
	background-image: url("https://doka.one/1/vsemir.online/bgs/art/04.jpg");
        background-repeat: repeat;
	width: 100%;
  	margin: 0 auto;
  	/* text-align: center; */
  	/*         height: 100vh;	max-width: 600px;
	padding: 0 16px;  optional horizontal breathing room on small screens */
}

    .cell{
      background:var(--cell-bg);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:13px;
      min-width:0;                 /* prevent overflow on small view */
    }

    .cell-trans{
      /* background:var(--cell-bg); */
      border:0px solid var(--line);
      border-radius:var(--radius);
      padding:13px;
      min-width:0;                 /* prevent overflow on small view */
    }
    .cell-revers{
      background:var(--page-bg);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:13px;
      min-width:0;                 /* prevent overflow on small view */
    }
    .cell-noborder{
      /* background:var(--cell-bg); */
      border:0px solid var(--line);
      border-radius:var(--radius);
      padding:13px;
      min-width:0;                 /* prevent overflow on small view */
    }
    .cell-revers-noborder{
      /* background:var(--page-bg); */
      border:0px solid var(--line);
      border-radius:var(--radius);
      padding:13px;
      min-width:0;                 /* prevent overflow on small view */
    }
.cell-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 550px; /* или подберите нужную */
    border: 1px solid var(--line);
    padding: 13px;
    box-sizing: border-box;
    border-radius: var(--radius);
    background-color: var(--cell-bg);
}
.cell-revers-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 550px; /* или подберите нужную */
    border: 1px solid var(--line);
    padding: 13px;
    box-sizing: border-box;
    border-radius: var(--radius);
    background-color: var(--page-bg);
}
    .title{
	background-color:var(--page-bg);
	padding:3px;
	border-radius:3px;
    }
    .title-revers{
	background-color:var(--cell-bg);
	padding:3px;
	border-radius:3px;
    }
    .title-negative{
	background-color:#f1f1f1;
	padding:3px;
	border-radius:3px;
	color:var(--cell-bg);
    }
.title-revers-2 h5 {
    margin: 5px 0;
    font-family: sans-serif;
    font-weight: normal;
}

.background-cover {
    width: auto;
    height: auto;
    background-image: url("https://doka.one/1/vsemir.online/page/img/globe/planet2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

.background-box {
  width: auto;
  height: auto;
  background-image: url('https://doka.one/1/vsemir.online/bgs/art/04.jpg');
  background-size: cover;       /* Масштабирует изображение под размер блока */
  /* background-position: center;   Центрирует изображение */
  background-repeat: repeat; /* HE Отключает повтор */
  /* color: white;                  Цвет текста поверх фона */
  padding: 5px;
  border-radius: 8px;          /* (по желанию) закруглённые углы */
  border:1px solid var(--line);
}

/* Rounded Images */
.rounded-img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.rounded-iframe,
.custom-rounded-iframe {
    border-radius: 8px;
    overflow: hidden;
    display: block;
}