@font-face {
        font-family: "WideLatin";
        src: url("fonts/wide_latin_regular-webfont.woff") format("woff");
        }

        
        @font-face {
            font-family: "Indica_flower2";

            src: url("fonts/2IndieFlower-Regular.woff") format("woff");
            
            unicode-range: U+0020,         /* Space */
            U+0041-U+005A,  /* Upper-Case [A..Z] */
            U+0061-U+007A,  /* Lower-Case a-z */
            U+0030-U+0039,  /* Numbers [0..9] */
            U+0020-U+002F,  /* Interpunkce [!@#%...] */
            U+003A-U+0040,U+005B-U+0060,U+007B-U+007E,U+02C6,U+02dc,U+2013-U+2014,U+2018-U+201a,
            U+201c-U+201e,U+2020-U+2022,U+2026,U+2030,U+2039-U+203a,U+20ac,U+2122,
            U+00C1,U+00C9,  /* Cestina by vancura */
            U+00CD,U+00D3,U+00DA,U+00DD,U+00E1,U+00E9,U+00ED,U+00F3,U+00FA,U+00FD,U+010C,U+010D,
            U+010E,U+010F,U+011A,U+011B,U+0147,U+0148,U+0158,U+0159,U+0160,U+0161,U+0164,U+0165,
            U+016E,U+016F,U+017D,U+017E,
            U+00E4,U+010F,  /* slovencina */
            U+013A,U+013E,U+0148,U+0155,U+0165,U+00FA,U+00F4,U+00C4,U+010E,U+0139,U+013D,U+0147,
            U+0154,U+0164,U+00DA,U+00D4,
            U+20AC ;

        }
    

        @font-face {
            font-family: "Chiller";
            src: url("fonts/chiller.woff") format("woff");
        }
        @font-face {
            font-family: "MV Boli";
            src: url("fonts/mvboli.woff") format("woff");
        }


        @font-face {
            font-family: "Kalam1";
            src: url("fonts/Kalam-Light.woff") format("woff");
        }
        


        @font-face {
            font-family: "Langar1";
            src: url("fonts/Langar-Regular.woff") format("woff");
        }

        
        @font-face {
            font-family: "ArDaugh";
            src: url("fonts/ArchitectsDaughter-Regular.woff") format("woff");
        }
        

        @font-face {
            font-family: "BITCBLKAD";
            src: url("fonts/BITCBLKAD.woff") format("woff");
        }


        @font-face {
            font-family: "GOUDYSTO";
            src: url("fonts/GOUDYSTO.woff") format("woff");
        }


        @font-face {
            font-family: "ALLURAREG";
            src: url("fonts/Allura-Regular.woff") format("woff");
        }

        

        @font-face {
            font-family: "BRADHITC";
            src: url("fonts/BRADHITC.woff") format("woff");
        }


        @font-face {
            font-family: "INFRMLRMN";
            src: url("fonts/INFRMLRMN.woff") format("woff");
        }
        
                @font-face {
            font-family: "VINERITC";
            src: url("fonts/VINERITC.woff") format("woff");
        }
        

                @font-face {
            font-family: "VivaldiItalic";
            src: url("fonts/VivaldiItalic.woff") format("woff");
        }

                @font-face {
            font-family: "rageit";
            src: url("fonts/rageit.woff") format("woff");
        }
        

        
                @font-face {
            font-family: "GloriaHallelujah";
            src: url("fonts/GloriaHallelujah.woff") format("woff");
        }


        li {
            list-style-type: circle;
        }
        

        
        body {
            margin: 0;
        }

        .whole_page {
            height: 90vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        a:link {
            color: rgb(43, 37, 192);
            text-decoration: none;
            }
            
        a:visited {
            color: rgb(121, 136, 143);
            text-decoration: none;
            font-weight: lighter;

            }


    .main_header {
        
        color: rgb(0, 32, 96);
        font-size: 8vw;
        font-family: WideLatin;
        padding-bottom: 4vw;
    }
    
    .main_header_capital_letter {
        color: rgb(0, 32, 96);
        font-size: 9vw;
        font-family: WideLatin;
    }
    


    s{
        color: rgb(0, 0, 0);
        font-size: 6vw;
        font-family: 'Indica_flower2';
        text-decoration: none;
          position: relative;
      }
      
      s::before{
          content: '';
          width: 100%;
          position: absolute;
          right: 0;
          top: calc( 80% );
/*          top: calc( 50% + 7px );   */
          border-bottom: 1px solid rgb(0, 0, 0);
      }
 
      .main_header_sub {
        color: rgb(0, 0, 0);
        font-size: 6vw;
        font-family: 'Indica_flower2';
        text-decoration: underline;
        text-decoration-skip: ink;
    }





    .titulus {
                
        border: 1px;
    }
    

    .obsah {
        text-align: left;
    }



    .chapter_obsah {
    font-family: 'Indica_flower2';
    font-size: 6.5vw;
    text-align: justify;
    }

    .chapter_obsah_omne {
    font-family: 'Indica_flower2';
    font-size: 5vw;

    }


    
    .courier {
        font-family: 'Courier New', Courier, monospace;
        font-size: 5vw;
    }

    
    .whole_page_chapter {
        display: flex;
        flex-direction: column;
        padding-left: 4%;
        padding-right: 4%;
        margin-bottom: 10%;
    }

    .okolo_hlavicky {
        background-color: rgb(255, 255, 255);

        padding-top: 4%;
    }

    .hlavicka {
    display:flex;
    justify-content: space-between;
    padding: 2%;
    border-radius: 7px;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    }

    .sipka {
        width: 10vw;
    }

    .previous_chapter {
        width: 20%;
        
        text-align: center;
        font-size: 2vw;
    }

    .back_to_obsah {
        text-align: center;
        font-size: 4.4vw;
        width: 60%;
        margin: auto;
    }

    .next_chapter {
        width: 20%;
        
        text-align: center;
        font-size: 2vw;
    }

    .paticka {
        display:flex;
        
        justify-content: space-between;
        padding: 2%;
        border-radius: 7px;
        border-color: black;
        border-width: 1px;
        border-style: solid;

    }

    



















    



























    @media only screen and (min-width: 500px) and (max-width: 800px) { 



        .whole_page {
            
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


        .main_header {
            line-height: 80%;
            color: rgb(0, 32, 96);
            font-size: 7vw;
            font-family: WideLatin;
            padding-bottom: 4vw;
        }
        
        .main_header_capital_letter {
            color: rgb(0, 32, 96);
            line-height: 80%;
            font-size: 8vw;
            font-family: WideLatin;
        }



        s{
            color: rgb(0, 0, 0);
            font-size: 6vw;
            font-family: 'Indica_flower2';
            text-decoration: none;
              position: relative;
          }
          
          s::before{
              content: '';
              width: 100%;
              position: absolute;
              right: 0;
              top: calc( 80% );
/*              top: calc( 50% + 12px );  */
              border-bottom: 1px solid rgb(0, 0, 0);
          }






          .whole_page_chapter {
            
            align-content: space-around;
            margin-bottom: 1vw;
            font-size: 2.5vw;
            margin-block-start: 0.5em;
            margin-block-end: 0.5em;
            
        }

        .chapter_obsah_omne {
            font-family: 'Indica_flower2';
            font-size: 2.5vw;
            }

        .courier {
            font-family: 'Courier New', Courier, monospace;
            font-size: 2.5vw;
        }


        .okolo_hlavicky {
            
            padding-top: 1vw;
        }
    
        .hlavicka {
        display:flex;
        justify-content: space-between;
        padding: 0.1vw;
        border-radius: 7px;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        }
    
        .sipka {
            width: 10vw;
            margin: auto;
        }
    
        .previous_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 2vw;
            display: flex;
            
        }
    
        .back_to_obsah {
            text-align: center;
            font-size: 3vw;
            width: 60%;
            margin: auto;
        }
    
        .next_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 2vw;
            display: flex;
            
        }
    
        .paticka {
            display:flex;
            justify-content: space-between;
            padding: 0.1vw;
            border-radius: 7px;
            border-color: black;
            border-width: 1px;
            border-style: solid;

        }


    
        .chapter_obsah {
            font-family: 'Indica_flower2';
            font-size: 4vw;
            text-align: justify;
            line-height: 110%;
            }





     }















































     @media only screen and (min-width: 801px) and (max-width: 1200px) { 



        .whole_page {
            
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


        .main_header {
            line-height: 80%;
            color: rgb(0, 32, 96);
            font-size: 6vw;
            font-family: WideLatin;
            padding-bottom: 4vw;
        }
        
        .main_header_capital_letter {
            color: rgb(0, 32, 96);
            line-height: 80%;
            font-size: 7vw;
            font-family: WideLatin;
        }



        s{
            color: rgb(0, 0, 0);
            font-size: 6vw;
            font-family: 'Indica_flower2';
            text-decoration: none;
              position: relative;
          }
          
          s::before{
              content: '';
              width: 100%;
              position: absolute;
              right: 0;
              top: calc( 80%  );
/*              top: calc( 50% + 20px );   */
              border-bottom: 1px solid rgb(0, 0, 0);
          }





        .whole_page_chapter {
            
            align-content: space-around;
            margin-bottom: 1vw;
            
            line-height: 90%;
            margin-block-start: 0.5em;
            margin-block-end: 0.5em;
            
        }


        .chapter_obsah_omne {
            font-family: 'Indica_flower2';
            font-size: 2vw;
            }

        .courier {
            font-family: 'Courier New', Courier, monospace;
            font-size: 2vw;
        }


        .okolo_hlavicky {
            
            padding-top: 1vw;
        }
    
        .hlavicka {
        display:flex;
        justify-content: space-between;
        padding: 0.1vw;
        border-radius: 7px;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        }
    
        .sipka {
            width: 10vw;
            margin: auto;
        }
    
        .previous_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 1.5vw;
            display: flex;
            
        }
    
        .back_to_obsah {
            text-align: center;
            font-size: 2vw;
            width: 60%;
            margin: auto;
        }
    
        .next_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 1.5vw;
            display: flex;
            
        }
    
        .paticka {
            display:flex;
            
            justify-content: space-between;
            padding: 0.1vw;
            border-radius: 7px;
            border-color: black;
            border-width: 1px;
            border-style: solid;
    
        }

        .chapter_obsah {
            font-family: 'Indica_flower2';
            font-size: 3vw;
            text-align: justify;
            line-height: 110%;
            }



     }






































     @media only screen and (min-width: 1201px) and (max-width: 2200px) { 



        .whole_page {
            
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


        .main_header {
            line-height: 60%;
            color: rgb(0, 32, 96);
            font-size: 5vw;
            font-family: WideLatin;
            padding-bottom: 4vw;
        }
        
        .main_header_capital_letter {
            color: rgb(0, 32, 96);
            line-height: 60%;
            font-size: 6vw;
            font-family: WideLatin;
        }



        s{
            color: rgb(0, 0, 0);
            font-size: 6vw;
            font-family: 'Indica_flower2';
            text-decoration: none;
              position: relative;
          }
          
          s::before{
              content: '';
              width: 100%;
              position: absolute;
              right: 0;
              top: calc( 80% );
              border-bottom: 1px solid rgb(0, 0, 0);
          }





          .whole_page_chapter {
            width: 80%;
            align-content: space-around;
            margin-bottom: 1vw;
            font-size: 2vw;
            line-height: 70%;
            margin-block-start: 0.5em;
            margin-block-end: 0.5em;
            margin-left: auto;
            margin-right: auto;
        }


        .chapter_obsah_omne {
            font-family: 'Indica_flower2';
            font-size: 2vw;
            }

        .courier {
            font-family: 'Courier New', Courier, monospace;
            font-size: 2vw;
        }




        .okolo_hlavicky {
            
            padding-top: 1vw;
        }
    
        .hlavicka {
        display:flex;
        justify-content: space-between;
        padding: 0.1vw;
        border-radius: 7px;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-top: 0.4vw;
        }
    
        .sipka {
            width: 6vw;
            margin: auto;
        }
    
        .previous_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 1vw;
            display: flex;
            
        }
    
        .back_to_obsah {
            text-align: center;
            font-size: 2vw;
            width: 60%;
            margin: auto;
        }
    
        .next_chapter {
            width: 20%;
            
            text-align: center;
            font-size: 1vw;
            display: flex;
            
        }
    
        .paticka {
            display:flex;
            
            justify-content: space-between;
            padding: 0.1vw;
            border-radius: 7px;
            border-color: black;
            border-width: 1px;
            border-style: solid;
    
        }


        .chapter_obsah {
            font-family: 'Indica_flower2';
            font-size: 2vw;
            text-align: justify;
            line-height: 110%;
            }




     }