html {
            overflow: scroll;
            overflow-x: hidden;
        }
        body {
            margin: 0;
            padding: 0;
        }
        #lendig {
            transition: all 0.5s ease-in-out;
            background: rgb(49, 31, 64);
            background: linear-gradient(45deg, rgba(49, 31, 64, 1) 0%, rgba(201, 192, 192, 1) 100%);
            width: 100vw;
            height: 100vh;
        }
        #h1_ {
            font-family:'Comfortaa', cursive;
            margin: 0;
            padding-top: 100px;
            font-size: 70px;
            color: #Fff;
            letter-spacing:5px;
            text-shadow: -0 -1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.2), -0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2), -1px -0 0 rgba(0, 0, 0, 0.2), 1px -0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
        }
        #h2_1 {
            font-family:'Comfortaa', cursive;
            margin: 20px 0 100px 0;
            padding: 0 20px;
            font-size: 30px;
            color: #fff;
            text-shadow: -0 -1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.2), -0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2), -1px -0 0 rgba(0, 0, 0, 0.2), 1px -0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
        }
        hr {
            margin-bottom: 50px;
            width:70vw;
            height: 4px;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            border-left: 0;
            border-right: 0;
        }
        #btn1 {
            font-family:'Comfortaa', cursive;
            font-size: 20px;
            letter-spacing:2px;
            padding: 20px 25px;
            height: 100px;
            width: 100px;
            background: #DF7366;
            color: #fff;
            text-decoration: none;
            border-radius: 1000px;
            transition: all 1s ease-in-out;
            border: 1px solid rgba(0, 0, 0, 0.0);
        }
        #btn1:hover {
            padding: 19px 24px;
            border: 2px solid rgba(0, 0, 0, 0.9);
        }
        
        
        /*=======================================================================*/
        
        
        /* The navigation bar */
        .navbar {
            display: none;
            z-index: 5;
            overflow: hidden;
            background-color:rgba(185, 161, 212, 0.8);
            border-radius: 20px 20px 0 0;
            position: fixed;
            /* Set the navbar to fixed position */
            width: 100%;
            /* Full width */
            bottom: 0;
            /* Position the navbar at the bottom of the page */
        }
        /* Links inside the navbar */
        .navbar a {
            font-size: 25px;
            display:inline-block;
            color: #000;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-family:'Comfortaa', cursive;
        }
        /* Change background on mouse-over */
        .navbar a:hover {
            border: 1px solid rgba(0, 0, 0, 0.3);
            border-radius: 20px;
            padding: 13px 15px;
            color: black;
            background-color: #fff;
        }
        /* Main content */
        .main {
            margin-bottom: 30px;
            /* Add a bottom margin to avoid content overlay */
        }
        
        
        
        
        /*=======================================================================*/

        
        #h2_2 {
            text-align: center;
            font-family:'Comfortaa', cursive;
            margin: 40px 0 30px 0;
            font-size: 50px;
            padding: 0 20px 0 20px;
            color: #483949;
        }
        #content {
            padding: 10px 40px 10px 40px;
            font-size: 23px;
            text-align: justify;
            font-family:'Comfortaa', cursive;
        }
        #img1-3 {
            width: 400px;
            height: 300px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .5);
        }
        #img1-2 {
            width: 450px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .5);
        }
#img1-1 {
            width: 200px;
            height: 200px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .5);
        }
        #img1-4 {
            width: 300px;
            height: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .5);
        }
         #img1-5 {
            width: 200px;
            height: 200px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .5);
        }
        
                /*=======================================================================*/

        
        #h2_3 {
            text-align: center;
            font-family:'Comfortaa', cursive;
            padding: 20px 0 0 0 ;
            margin: 0;
            font-size: 50px;
            color: #483949;
        }
        
        .block {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
        }

        .block__item {
            font-family:'Comfortaa', cursive;
            display: flex;
            font-size:17px;
            flex-basis: 400px;
            justify-content: center;
            padding: 20px;
        }
        .block__item_0 {
            font-family:'Comfortaa', cursive;
            display: flex;
            font-size:17px;
            flex-basis: 400px;
            justify-content: center;
            padding: 20px;
        }
        .block__item_1 {
            font-family:'Comfortaa', cursive;
            font-size:17px;
            flex-basis: 600px;
            justify-content: center;
            padding: 0 20px;
        }      
        
        .block__item_2 {
            font-family:'Comfortaa', cursive;
            font-size:17px;
            flex-basis: 200px;
            justify-content: center;
            padding: 0 20px;
        }
        #text {
            text-align: justify;
            padding: 20px 0 0 0;
            font-size:17px;
            font-family:'Comfortaa', cursive;
        }
        
        
        
        
        
        
        
        footer {
            text-shadow: -0 -1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.2), -0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2), -1px -0 0 rgba(0, 0, 0, 0.2), 1px -0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, 0.2);
            background: rgb(49, 31, 64);
            background: linear-gradient(45deg, rgba(49, 31, 64, 1) 0%, rgba(201, 192, 192, 1) 100%);
            width: 100vw;
            height: 100px;
            text-align: center;
            font-size: 20px;
color: #Fff;
            padding-top: 50px;
            letter-spacing:5px;
            font-family:'Comfortaa', cursive;
        }