body {
    font-family: sans-serif;
      background-image: url("files/yard.jpg");
	background-color: #99c0e7;
}

.button {
         background-color: #17a2b8;
		 border-radius: 5px;
		 color: white;
         padding: 4px 9px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 18px;
         margin: 4px 2px;
         cursor: pointer;
}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 200px;
    max-width: 400px;
    background: none;
    color: #fff;
    transition: all 0.3s;
		padding-left: 150px;
}
.sidebutt {
		 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
		 border: 1px solid #DDD9D9;
         -webkit-border-radius: 3px;
		 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D3CEBD));
		 text-decoration:none;
		 color: #7D5951;
		 text-shadow: 1px 1px 0 #fff;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}