body {
    margin: auto;
    width: 800px;


}

body>header>section {

    background-image: url(../images/molotserzn.jpeg);
    height: 300px;
    background-size: cover;
    box-shadow: 5px 0px 35px 7px rgba(0, 0, 0, 0.964);
    -webkit-box-shadow: 5px 0px 35px 7px rgba(0, 0, 0, 0.985);
    -moz-box-shadow: 5px 0px 35px 7px rgba(0, 0, 0, 0.896);
    border-radius: 30px;

}

/* LOGO */
body>header>section>div {
    display: inline-block;
    background-color: rgb(255, 0, 0);
    color: white;
    box-shadow: 5px 0px 35px 7px rgba(198, 176, 176, 0.94);
    -webkit-box-shadow: 5px 0px 35px 7px rgba(171, 148, 148, 0.951);
    -moz-box-shadow: 5px 0px 35px 7px rgba(206, 190, 190, 0.966);
    padding: 5px;
    margin: 5px;
    border-radius: 100px;
    font-size: 2.2rem;
    border: 2px solid black;

}

/* NAVIGATION */
body>header>section>nav {
    display: inline-block;
    float: right;


}

body>header>section>nav>a {
    display: inline-block;
    margin: 40px 5px;
    padding: 5px;
    background-color: rgba(221, 17, 17, 0.952);
    color: bisque;
    font-size: 1.3rem;
    border-radius: 10px;
    border: 1px solid white;
    box-shadow: 5px 0px 35px 7px rgba(208, 175, 175, 0.952);
    -webkit-box-shadow: 5px 0px 35px 7px rgba(202, 180, 180, 0.934);
    -moz-box-shadow: 5px 0px 35px 7px rgba(211, 198, 198, 0.955);

}

body>main {
    text-align: center;
    background: #FAEFD4;
    background: linear-gradient(91deg, rgba(250, 239, 212, 1) 1%, rgba(120, 76, 14, 1) 9%, rgba(250, 239, 212, 0.85) 19%, rgba(120, 76, 14, 0.99) 30%, rgba(250, 239, 212, 0.84) 42%, rgba(120, 76, 14, 1) 53%, rgba(250, 239, 212, 0.85) 63%, rgba(120, 76, 14, 1) 72%, rgba(250, 239, 212, 1) 83%, rgba(120, 76, 14, 1) 92%, rgba(250, 239, 212, 0.83) 99%);
}

body>main>h1 {
    text-align: center;
    color: black;
    box-shadow: 12px 7px 22px 5px rgba(12, 11, 11, 0.86);
    -webkit-box-shadow: 12px 7px 22px 5px rgba(12, 11, 11, 0.86);
    -moz-box-shadow: 12px 7px 22px 5px rgba(12, 11, 11, 0.86);
}

body>main>div {
    width: 200px;
    height: 200px;
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 10px;
}
body>main>div>div {
        display: inline-block;
    box-sizing: border-box;
}

/* div-1 */
body>main>#dmain-1 {
    display: inline-block;
    border: 2px solid black;
    border-radius: 20px;
    
    background-color: rgba(0, 0, 0, 0.548);

    box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -webkit-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -moz-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
}

body>main>#dmain-1>div {
    display: inline-block;
    text-align: center;

    background-color: white;
    border-radius: 20px;

}

/* div text 1 */

body>main>#dmain-1>div>a {
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

/* div-2 */

body>main>#dmain-2 {
    display: inline-block;

    border: 2px solid black;
    border-radius: 20px;
  
    background-color: rgba(0, 0, 0, 0.548);

    box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -webkit-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -moz-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
}

body>main>#dmain-2>div {
    display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);


}

/* div text 2 */
body>main>#dmain-2>div>a {
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

/* div 3 */
body>main>#dmain-3 {
    display: inline-block;
    padding: 15px;
  
    border: 2px solid black;
    border-radius: 20px;
   
    background-color: rgba(0, 0, 0, 0.548);

    box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -webkit-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -moz-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
}

body>main>#dmain-3>div {
    display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;

    border-radius: 20px;
    color: rgb(93, 82, 82);


}

/* div 3 text */
body>main>#dmain-3>div>a {
    color: black;
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
}

/* div 4 */
body>main>#dmain-4 {
    display: inline-block;
    padding: 15px;
  
    border: 2px solid black;
    border-radius: 20px;
    
    background-color: rgba(0, 0, 0, 0.548);

    box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -webkit-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -moz-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
}

body>main>#dmain-4>div {
    display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}

/* DIV 4 TEXT */
body>main>#dmain-4>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;

}

/* DIV 5 */
body>main>#dmain-5 {
    display: inline-block;
    padding: 15px;
   
    border: 2px solid black;
    border-radius: 20px;
    
    background-color: rgba(0, 0, 0, 0.548);


    box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -webkit-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
    -moz-box-shadow: 12px 7px 34px 10px rgba(12, 11, 11, 1);
}

body>main>#dmain-5>div{
    display: inline-block;
    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}

/* DIV 5 TEXT */
body>main>#dmain-5>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

/* DIV 6 */
body>main>#dmain-6 {
    display: inline-block;
    padding: 15px;
   
    border: 2px solid black;
    border-radius: 20px;
    
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-6>div {
display: inline-block;
    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}

/* DIV 6 TEXT */
body>main>#dmain-6>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

/* DIV 7 */
body>main>#dmain-7 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-7>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;

    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 7 TEXT */
body>main>#dmain-7>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

/* DIV 8 */
body>main>#dmain-8 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-8>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 8 TEXT */
body>main>#dmain-8>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 9 */
body>main>#dmain-9 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    margin: 0px 5px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-9>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 9 TEXT */
body>main>#dmain-9>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 10 */
body>main>#dmain-10 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;

    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-10>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 10 TEXT */
body>main>#dmain-10>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 11 */
body>main>#dmain-11 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-11>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 11 TEXT */
body>main>#dmain-11>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 12 */
body>main>#dmain-12 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-12>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 12 TEXT */
body>main>#dmain-12>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 13 */
body>main>#dmain-13 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-13>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 13 TEXT */
body>main>#dmain-13>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 14 */
body>main>#dmain-14 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-14>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 14 TEXT */
body>main>#dmain-14>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.1rem;
}


/* DIV 15 */
body>main>#dmain-15 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-15>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 15 TEXT */
body>main>#dmain-15>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 16 */
body>main>#dmain-16 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-16>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 16 TEXT */
body>main>#dmain-16>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 17 */
body>main>#dmain-17 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-17>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 17 TEXT */
body>main>#dmain-17>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}


/* DIV 18 */
body>main>#dmain-18 {
    display: inline-block;
    padding: 15px;
    border: 2px solid black;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.548);
    
   box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-webkit-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
-moz-box-shadow: 12px 7px 34px 10px rgba(12,11,11,1);
}
body>main>#dmain-18>div {
display: inline-block;

    text-align: center;
    padding: 5px;
    background-color: white;
    border-radius: 20px;
    color: rgb(93, 82, 82);
}
/* DIV 18 TEXT */
body>main>#dmain-18>div>a {
    display: inline-block;
    color: black;
    text-align: center;
    font-size: 1.2rem;
}

body>footer{
    text-align: center;

}