body{
    font-family: Arial, Helvetica, sans-serif;
    background-color:#fdf6ee;
    color:#333;
    margin:0;
}

.container{
    width:80%;
    max-width:900px;
    margin:30px auto;
    background:white;
    padding:25px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

h1{
    text-align:center;
    color:#8b4513;
}

h2{
    color:#c96b27;
    border-bottom:2px solid #f2d3b3;
    padding-bottom:5px;
}

p{
    line-height:1.6;
}

.cookie{
    float:right;
    width:300px;
    margin-left:20px;
    margin-bottom:10px;
    border-radius:10px;
    border:2px solid #d8c3a5;
}

.clear{
    clear:both;
}

figure{
    text-align:center;
    margin:20px 0;
}

figure img{
    width:250px;
    border-radius:8px;
}

figcaption{
    font-size:14px;
    color:#666;
    margin-top:5px;
}

a img{
    border:2px solid #c96b27;
    border-radius:8px;
}

audio,
video{
    display:block;
    margin:15px auto;
}

ul {
    list-style: none;
    padding-left: 0;
}

li {
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQRTaPTv0d_Ptpc10ui8INKxGgfsZyJIUC0cCfEKOvFYA&s=10");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: left center;
    padding-left: 22px;
    margin: 10px 0;
}

footer{
    text-align:center;
    margin-top:30px;
    color:#777;
    font-size:14px;
}