@font-face {
    font-family: font_dosis_regular;
    src: url(../css/fonty/Dosis-Regular.ttf);
  }
  
h1 {
/*    padding: 5px 0px;*/
    margin: 0px;
    padding: 0px;
    color: #000000;
/*    margin-block-start: 0px; */
/*    margin-block-end: 0px; */
/*    width: 50%;*/
    font-family: font_dosis_regular;
    font-size: 20svw;
/*    font-size: 123px;*/
    text-align: center;
  }

@media screen and (min-width: 550px) {

    h1 {
      font-size: 123px;
    }
  } 

.vse {
/*    background-color: #FF0000;*/
    width: 100%;
    margin: auto;
    margin-top: 0px;
  /*  box-shadow: 0px 0px 10px #000000;*/
  }

  @media screen and (min-width: 550px) {
      .vse {
          max-width: 540px;
      }
  }

  .karticka {
    background-color: #fdfbf9;
    margin-bottom: 25px;
    padding: 25px;
    box-shadow: 0px 0px 15px 5px #cccccc;
  }

  .cover {
    aspect-ratio: 1 / 1;
    box-shadow: inset 0px 0px 15px 5px #cccccc;
  }

  html {
    font-family: font_text;
    background-color: #ffffff;
  }
  
  body {
    padding-bottom: 50px;
  }