/* 

MULAI CSS RESET */

    html, body, div, span, applet, object, iframe,

    h1, h2, h3, h4, h5, h6, p, blockquote, pre,

    a, abbr, acronym, address, big, cite, code,

    del, dfn, em, img, ins, kbd, q, s, samp,

    small, strike, strong, sub, sup, tt, var,

    b, u, i, center,

    dl, dt, dd, ol, ul, li,

    fieldset, form, label, legend,

    table, caption, tbody, tfoot, thead, tr, th, td,

    article, aside, canvas, details, embed, 

    figure, figcaption, footer, header, hgroup, 

    menu, nav, output, ruby, section, summary,

    time, mark, audio, video {

        margin: 0;

        padding: 0;

        border: 0;

        font-size: 100%;

        font: inherit;

        vertical-align: baseline;

    }

    /* HTML5 display-role reset for older browsers */

    article, aside, details, figcaption, figure, 

    footer, header, hgroup, menu, nav, section {

        display: block;

    }

    body {

        line-height: 1;

    }
    ol, ul {

        list-style: none;

    }

    blockquote, q {

        quotes: none;

    }

    blockquote:before, blockquote:after,

    q:before, q:after {

        content: '';

        content: none;

    }

    table {

        border-collapse: collapse;

        border-spacing: 0;

    }

/* SELESAI CSS RESET */

/* MULAI CSS CLEAR FIX */

    .cf:before,

    .cf:after {

        content: " "; /* 1 */

        display: table; /* 2 */

    }

    .cf:after {

        clear: both;

    }

/* SELESAI CLEAR FIX */
/* untuk body */

    body{

        background-color: black;

        font-size: 18px;

    }

/* untuk body */

/* untuk vontainer */

    .container{

        width: 900px;

        margin: 150px auto;

        background-color: blanchedalmond;

    }

/* selesai container */

/* untuk header */

    .header{

        padding: 20px;

        box-sizing: border-box;

    }

    .header h1{

        font-size: 32px;

        font-weight: 900;

    }
    .header ul li {

        display: inline-block;

        margin-right: 15px;

    }

    .header a{

        text-decoration: none;

        color: inherit

    }

    .header a:hover{

        background-color: black;

        color: blanchedalmond;

        font-size: 25px;

        text-transform: uppercase;

    }

/* selesai header */

/* mulai banner */

    .banner{

        padding: 20px;

        height: 250px;

        box-sizing: border-box;

        border-top: 5px solid blue;

        border-bottom: 5px solid blue;

    }

    .rekom{

        width: 200px;
        float: left;

        margin-right: 10px;

    }

    .rekom a{

        color: inherit;

        text-decoration: none;

    }

    .rekom h3{

        font-size: 24px;

        font-weight: bolder;

    }

    .gambar{

        width: 650px;

        height: 200px;

        background-image: url(../gambar/uns01.jpg);

        float: left;

        background-position: 0px -150px;

        background-size: cover;

    }

/* selesai banner */

/* mulai content */

    .content h3{

        text-transform: uppercase;

        font-size: 24px;

        font-weight: bolder;
        

    }

    .content{

        height: 700px;

    }

    .genre{

        width: 200px;

        float: left;

        padding: 20px;

        box-sizing: border-box;

        border-right: 5px solid blue;

        height: inherit;

    }

    .genre a{

        text-decoration: none;

        color: inherit;

    }

    .genre a:hover{

        background-color: black;

        color: white;

    }

    .film{

        width: 500px;

        float: left;
        padding: 20PX;

        box-sizing: border-box;

    }

    .film h3{

        text-align: center;

    }

    .kotak{

        width: 100px;

        height: 100px;

        color: white;

        background-color: black;

        font-size: 14px;

        margin: 5px;

        text-align: center;

        line-height: 100px;

        float: left;

    }

    .about{

        width: 200px;

        float: left;

        padding: 20PX;

        box-sizing: border-box;

        border-left: 5px solid blue;

        height: inherit;

    }
    .about p{

        text-indent: 20px;

    }

/* selesai content */