body {
    margin: auto;
    width: 800px;
    background: #474778;
    background: linear-gradient(139deg, rgba(71, 71, 120, 0.51) 7%, rgba(209, 211, 230, 0.5) 22%, rgba(71, 71, 120, 0.54) 35%, rgba(174, 175, 202, 0.5) 53%, rgba(79, 84, 128, 0.53) 68%, rgba(209, 211, 230, 0.52) 83%, rgba(62, 67, 105, 0.51) 95%);


}

body>header {
    display: inline-block;
        width: 700px;
}

/* LOGO */
body>header>div {
    display: inline-block;
    float: left;
    padding: 7px;
    background-color: rgba(60, 54, 54, 0.736);
    border-radius: 3px;
    margin: 25px 10px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}

body>header>h4 {
    display: inline-block;
    color: rgb(59, 53, 53);
    margin: 25px 0px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}


/* navigation */
body>header>nav {
    display: inline-block;

    /* margin: 0px 60px; */

}

body>header>nav>a {
    display: inline-block;
    text-align: center;
    font-size: 0.8rem;
    margin: 0px 20px;
    color: rgb(63, 55, 55);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}

body>main {
    margin: auto;
}


/* BLOCK 1 */
body>main>section#main-s-1 {

    padding: 100px;
    height: 90px;
    width: 500px;
    text-align: center;
    background: #474778;
    background: linear-gradient(330deg, rgba(71, 71, 120, 0.77) 45%, rgba(62, 67, 105, 1) 62%);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

body>main>section#main-s-1>h1 {
    color: beige;
    font-weight: bolder;

}

body>main>section#main-s-1>p {
    color: beige;
}

body>main>section#main-s-1>div {
    display: block;
    padding: 5px;
    background-color: beige;
    margin: 10px 180px;
    font-size: 0.6rem;
    font-weight: bolder;
    border-radius: 20px;
    box-shadow: 9px 5px 43px 26px rgba(0, 0, 0, 0.69);
    -webkit-box-shadow: 9px 5px 43px 26px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 9px 5px 43px 26px rgba(0, 0, 0, 0.69);

}


/* BLOCK 2 */
/* main-s-2 */

body>main>section#main-s-2 {
    padding: 100px;
    height: 350px;
    width: 500px;
    background-color: #cacad787;
    box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);
}

body>main>section#main-s-2>h1 {
    text-align: center;
    font-weight: bolder;

}

/* main-s-2>sec-1 */
body>main>#main-s-2>#sec-1 {
    display: inline-block;
    padding: 5px;
    background-color: rgba(255, 255, 253, 0.963);

    text-align: left;
    width: 250px;
    height: 280px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(175, 162, 162, 0.75);



}

body>main>#main-s-2>#sec-1>h5 {
    color: rgb(14, 14, 13);
    font-size: 0.9rem;
    text-align: left;

}

body>main>#main-s-2>#sec-1>p {
    color: rgb(39, 36, 36);
    font-size: 0.6rem;
}

body>main>#main-s-2>#sec-1>ul {}

body>main>#main-s-2>#sec-1>ul>li {
    color: black;
    font-size: 0.7rem;
}

/* main-s-2>sec-2 */
body>main>#main-s-2>#sec-2 {
    display: inline-block;
    padding: 10px;
    width: 200px;
    height: 200px;
    margin: 10px 1px;
    float: right;

}

body>main>#main-s-2>#sec-2>div>img {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin: 9px 9px;
    box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);
    -webkit-box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);
    -moz-box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);
}

body>main>#main-s-2>#sec-2>div {

    font-size: 0.5rem;
    margin: 9px 9p;
    padding: 3px;
    background-color: rgba(255, 255, 255, 0.792);
    margin: 8px;
    border-radius: 10px;
    box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);
    -webkit-box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);
    -moz-box-shadow: 1px 7px 41px 12px rgba(88, 81, 81, 0.75);

}

/* BLOCK 3 */
/* #main-3>sec-1 */
body>main>#main-s-3 {
    padding: 50px;
    height: 400px;
    width: 600px;
    text-align: center;
    background-color: #3c3c4fe1;
    box-shadow: 1px 7px 41px 12px rgba(48, 40, 40, 0.75);
    -webkit-box-shadow: 1px 7px 41px 12px rgba(48, 40, 40, 0.75);
    -moz-box-shadow: 1px 7px 41px 12px rgba(48, 40, 40, 0.75);

}

body>main>#main-s-3>#sec-1 {
    padding: 40x;
    height: 100px;
    width: 300px;
    float: left;


    display: inline-block;
}

body>main>#main-s-3>#sec-1>p {
    color: beige;
    font-size: 0.9rem;

    margin-right: 20px;
}

body>main>#main-s-3>#sec-1>h1 {
    color: beige;
    text-align: left;
}

body>main>#main-s-3>#sec-1>p {
    font-size: 0.7rem;

}



body>main>#main-s-3>#sec-1>div {
    
    padding: 2px;
    font-size: 0.5rem;
    display: inline-block;

    padding: 5px;
    background-color: rgba(255, 255, 255, 0.148);
    margin: 4px;
    border-radius: 10px;
    color: beige;
    
}

body>main>#main-s-3>#sec-1>div>img {
    
    width: 15px;
    height: 18px;
    border-radius: 1px;
    margin: 4px 4px;
}

body>main>#main-s-3>#sec-1>div>p>{

}



/* main-3>sec-2 */
body>main>#main-s-3>#sec-2 {}

body>main>#main-s-3>#sec-2>img {
    display: inline-block;
    height: 250px;
    width: 300px;
    border-radius: 20px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(34, 31, 31, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(96, 82, 82, 0.75);
}

body>main>#main-s-3>#sec-2>p {
    display: block;
    padding: 15px;
    width: 270px;
    background-color: rgba(245, 245, 220, 0.274);
    border-radius: 10px;
    float: right;
    color: beige;
    margin-left: 400px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
}

body>main>#main-s-3>#sec-2>div#div-01 {
    display: block;
    padding: 10px;
    background-color: rgba(245, 245, 220, 0.274);
    border-radius: 10px;
    float: right;
    color: beige;
    margin: 0px 5px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;

}

body>main>#main-s-3>#sec-2>div#div-02 {
    display: block;
    padding: 10px;
    background-color: rgba(245, 245, 220, 0.274);
    border-radius: 10px;
    float: right;
    color: beige;
    margin-left: 200px;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75) inset;

}