/*   _..._       .-'''-.                      .-'''-.                                                                               _..._               
    .-'_..._''.   '   _    \                   '   _    \                                 .---.                                    .-'_..._''.            
  .' .'      '.\/   /` '.   \                /   /` '.   \    _..._                       |   |_________   _...._                .' .'      '.\           
 / .'          .   |     \  '               .   |     \  '  .'     '.                     |   |\        |.'      '-.            / .'                      
. '            |   '      |  '  .|       .| |   '      |  '.   .-.   .                    |   | \        .'```'.    '.         . '                        
| |            \    \     / / .' |_    .' |_\    \     / / |  '   '  |              __    |   |  \      |       \     \   __   | |                 __     
| |             `.   ` ..' /.'     | .'     |`.   ` ..' /  |  |   |  |           .:--.'.  |   |   |     |        |    |.:--.'. | |              .:--.'.   
. '                '-...-'`'--.  .-''--.  .-'   '-...-'`   |  |   |  |          / |   \ | |   |   |      \      /    ./ |   \ |. '             / |   \ |  
 \ '.          .              |  |     |  |                |  |   |  |          `" __ | | |   |   |     |\`'-.-'   .' `" __ | | \ '.          .`" __ | |  
  '. `._____.-'/              |  |     |  |                |  |   |  |           .'.''| | |   |   |     | '-....-'`    .'.''| |  '. `._____.-'/ .'.''| |  
    `-.______ /               |  '.'   |  '.'              |  |   |  |          / /   | |_'---'  .'     '.            / /   | |_   `-.______ / / /   | |_ 
             `                |   /    |   /               |  |   |  |          \ \._,\ '/     '-----------'          \ \._,\ '/            `  \ \._,\ '/ 
                              `'-'     `'-'                '--'   '--'           `--'  `"                              `--'  `"                 `--'  `"  
*/

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- general style -=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.news {
    background-image: url(../web-img/background.jpg);
    background-size: 100%;
}

.news h1 {
    text-align: center;
    font-family: 'PermanentMarker', PermanentMarker-regular;
}

.news h2 {
    text-align: center;
    font-family: 'Quicksand', Quicksand-regular;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- fancy box style -=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.uploads figure {
    width: 10vw;
    height: 10vw;
    margin: 2vw 4vw;
    border: 0.5vw solid #79b0af;
    border-radius: 5%;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
}

#gallery-one {
    background-image: url("../web-img/dragon-foodie/dragon-foodie-0.jpg");
}

#gallery-two {
    background-image: url("../web-img/dragon-foodie/dragon-foodie-1.jpg");
}

#gallery-three {
    background-image: url("../web-img/dragon-foodie/dragon-foodie-2.jpg");
}

#gallery-four {
    background-image: url("../web-img/dragon-foodie/dragon-foodie-3.jpg");
}

#gallery-five {
    background-image: url("../web-img/dragon-foodie/dragon-foodie-4.jpg");
}

.uploads figure:hover {
    border-color:#502f8d;
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    box-shadow: 10px 10px 20px 0px #97ad3b;
    -moz-box-shadow: 10px 10px 20px 0px #97ad3b;
    -webkit-box-shadow: 10px 10px 20px 0px #97ad3b;
}

.uploads {
    display: flex;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- button style-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.news button {
}

.news button:hover {
    transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
}

.news button {
    border-radius: 30%;
    width: 30vw;
    height: 10vh;
    border-color: #502f8d;
    width: 30%;
    margin-left: 35%;
    margin-right: 35%;
}

.news button a {
    text-decoration: none;
}

.news h3 {
    color: black;
    font-family: 'Quicksand', Quicksand-regular;
    position: sticky;
    font-size: 1vw;
}