*
            {
                box-sizing: border-box;
            }
            /*style body*/
            body
            {
                font-family: arial;
                margin: 0px;
            }
            /*Header*/
            .header
            {
                padding: 40px;
                text-align: center;
                background: #EDBB99;
                color: #FFFFFF;
            }
            .header_1
            {
                padding: 40px;
                text-align: center;
                background: url(images/japan.jpeg);
                color: #FFFFFF;
            }
            .header_2
            {
                padding: 40px;
                text-align: center;
                background: url(images/korea.jpg);
                color: #FFFFFF;
            }
            .header_3
            {
                padding: 40px;
                text-align: center;
                background: url(images/malaysia.jpg);
                color: #FFFFFF;
            }
            .header_4
            {
                padding: 40px;
                text-align: center;
                background: url(images/thai.jpeg);
                color: #FFFFFF;
            }
            .header_5
            {
                padding: 40px;
                text-align: center;
                background: url(images/german.jpg);
                color: #FFFFFF;
            }
            .header_6
            {
                padding: 40px;
                text-align: center;
                background: url(images/french.jpeg);
                color: #FFFFFF;
            }
            /*Header Font*/
            .headerFont
            {
                font-size: 60px;
            }
            /*Nav Bar*/
            .navbar
            {
                display: flex;
                background: #616A6B;
                top: 0;
                overflow: hidden;
                margin: 0;
                padding: 0;
                position: sticky;
            }
            /*Stylize the navbar*/
            .navbar a
            {
                color: #FFFFFF;
                text-decoration: none;
                text-align: center;
                float: left;
                padding: 14px 16px;
            }
            /*nav bar hover effect*/
            .navbar a:hover
            {
                background: #B2BABB;
                color: #000000;
            }
            /*column container*/
            .create_row
            {
                display: flex;
                flex-wrap: wrap;
            }
            /*Create 2 unequal column that sit next to one another*/
            /*Left aside area*/
            .left_aside
            {
                flex: 30%;
                background: #F3F3F3;
                padding: 20px;
            }
            /*Main content*/
            .main_section
            {
                flex: 70%;
                background: #FFFFFF;
                padding: 20px;
            }
            .page_img
            {
                background: #EFB289;
                padding: 15px;
                width: 100%;
                text-align: center;
            }
            img
            {
                width: 100%;
                height: auto;
                box-shadow: 10px 10px 5px #888888;
            }
            #food_image
            {
                margin-top: 15px;
                margin-bottom: 15px;
                width: 60%;
            }
            #pics_thai:hover
            {
                cursor: crosshair;
            }
            #info
            {
                font-family: georgia;
                font-weight: lighter;
                font-size: 15px;
            }
            [title ~=rat]
            {
                border: 8px ridge #ADADAD;
            }
            [title ~= rat]:hover
            {
                border: 8px insect #FFCCFF;
            }
            /*js slide show*/
            @charset "utf-8";
            body 
            {
                margin:0;
            }
            #carousel 
            {
                width:100%;
            }

            #carousel ul 
            {
	           list-style:none;
               width: 10000px;
               margin: 0;
               padding: 0;
	           position: relative;
            }

            #carousel li 
            {
                display: inline;
                float: left;
	
            }
            #reference
            {
                font-family: georgia;
                font-weight: lighter;
                padding-bottom: 6px;
            }
            /*multimedia video player*/
            #video_player
            {
                text-align: center;
                background: #ACACAC;
                width: 800px;
                height: auto;
                margin: auto;
                padding: 10px;
                padding-bottom: 40px;
                border-radius: 15px;
                padding-left: 5px;
                padding-right: 5px;
            }
            .middle 
            {
                transition: .5s ease;
                opacity: 0;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
            }
            #main-area:hover #video1 
            {
                opacity: 0.7;
            }
            #main-area:hover .middle 
            {
                opacity: 1;
            }
            #container
            {
                margin: auto;
                position: relative;
            }
            .time
            {
                color: #CBFF00;
                float: right;
                padding-right: 20px;
                font-size: 30px;
            }
            .huerotate:hover
            {
                filter: hue-rotate(180deg);
            }
            /*Footer*/
            .footer
            {
                padding: 20px;
                text-align:center;
                background: #616A6B;
            }
            a
            {
                text-decoration: none;
                color: #000000;
            }
            /*Responsive  layour area*/
            @media screen and (max-width: 760px)
            {
                .create_row
                {
                    flex-direction: column;
                }
                .headerFont
                {
                    font-size: 30px;
                }
                .page_img
                {
                    padding: 5px;
                }
                .footer
                {
                    font-size: 12px;
                }
                .navbar
                {  
                    flex-direction: column;
                    position: relative;
                }
                #food_image
                {
                    width: 60%;
                    padding: 10px;
                    float: left;
                    margin-top: 0px;
                    margin-bottom: 0px;
                }
                #info
                {
                    padding: 10px;
                }
                #video_player, #video1
                {
                    width: 80%;
                }
                #video_player
                {
                    padding: 5px;
                    padding-bottom: 20px;
                    border-radius: 15px;
                    padding-left: 0px;
                    padding-right: 0px;
                }
                .time
                {
                    font-size: 15px;
                }
                img
                {
                    box-shadow: none;
                }
            }