Coding css Dasar

Coding css Dasar

 body{
    background-color: #A0522D;
}
           
        .container {
            width: 90%;
            min-height: 800px;
            background-color: #FFFFFF;
            margin: 0 auto;
        }
        .header {
            min-height: 100px;
            background-image: url(titan-header.jpg);
            background-position: center;
            overflow: hidden;
           
           
           
        }
        .main_content {
            min-height: 700px;
            background-color: rgba(20,100,90,0.4);
            overflow: hidden;
        }

        .content {
            width: 72%;
            min-height: 300px;
            float: left;
            text-align: left;
            padding-left:10px;
            }


        .sidebar {
            width: 17%;
            min-height: 450px;
            background-color: #87CEFA;
            float: right;
            padding: 22px;
            border: 1px solid black;
            text-align: center;
            }

        /*.sidebar2 {
            width: 21%;
            min-height: 450px;
            background-color:  #87CEFA;
            float:left;
            padding: 10px;
            border: 1px solid black;
            text-align: left;
           
       
        }*/

        .menu{
            background: #FF7F00;
            padding: 3px 3px 3px 4px;
        }
        .menu ul>li{
            display: inline-block;

        }
        .menu a{
            text-decoration: none;
            color: white;
            padding: 10px 15px;

        }
        .menu a:hover{
            background-color: white;
            color: orange;
        }
        .widget{
            border: 1px solid orange;
            }
        .widget-title{
            background-color: orange;
            text-align: center;
            color: white;
            padding: 5px
            }
        .widget-body{
            padding: 10px;

        }
        .footer {
            height: 28px;
            padding-top:3px;
            text-align: center;
            overflow: hidden;
            background-color: #FF7F00;
        }