CSS File

* {margin:0}

body {
          font-family:arial,segoe ui;
         }

.wrap {
            width:1000px;
            height:750px;
            margin:0 auto;
          }

.menu {
            width:100%;
            height:50px;
            background:blue;
            border-radius:10px;
            margin:auto;
            box-shadow:5px 5px black;
            align:center;
     }

.header{
            width:auto;
            background:red;
            padding:20px;
            color:#fff;
            height:150px;
            border-radius:10px;
            margin:auto;
            box-shadow:5px 5px black;
            align:center;
          }

.main {
            width:100%;
            height:740px;
            background:;
            border-radius:15px;
            margin:auto;
            box-shadow:5px 5px black;
            align:center;
         }

.sidebar1{
            float:right;
            width:18%;
            height:700px;
            background:blue;
            padding:2%;
            }

.content {
            float:center;
            width:80%;
            height:700px;
            background:green;
            padding:2%;
            min-height:400px;
            align:center;
     }

.sidebar {
            float:left;
            width:18%;
            height:700px;
            background:blue;
            padding:2%;
           }

.clear {clear:both}

.footer {
            width:auto;
            height:35px;
            padding:5px 10px;
            background:red;
            color:#fff;
            border-radius:10px;
            margin:auto;
            box-shadow:5px 5px black;
            align:center;
     }