@charset "utf-8";
  html {
    font-family: Arial;
    display: inline-block;
    text-align: center;
  }
  * {
    margin: 0;
    box-sizing: border-box;
  }
    body{
   margin: 0;
   padding: 0;
   background: #f8f8f8 url(img/bg.jpg); /* Цвет фона */
    }
  .square {
   width: 80%;
   height: 70%;
   border-style: double;
   border-radius: 10px;
   background-color: white;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  }
  .box {
    margin-top: 7%;
    margin-left: 0;
   }
   p{
   text-align: center; /* Выравнивание по центру */
   }
   h1{
   text-align: center; /* Выравнивание по центру */
   color: red;
   }
   table {
    table-layout: fixed;
    width: 90%; /* Ширина таблицы в процентах */
    border: 2px;
    border-spacing: 20px;
   }
   .col0 {
    width: 90%; /* Ширина ячейки */
    text-align: center; /* Выравнивание по центру */
    font-size: 40px;
    }
   .col1 {
    width: 40%; /* Ширина ячейки */
    text-align: left; /* Выравнивание по центру */
    font-size: 25px;
    }
    .cols {
    width: 14%; /* Ширина ячейки */
    text-align: left; /* Выравнивание по центру */
    font-size: 30px;
    }
   .col2 {
    width: 90%; /* Ширина ячейки */
    text-align: center; /* Выравнивание по центру */
    font-size: 30px;
   }