body{
    background:#2f5e2f;
    font-family:Arial;
    margin:0;
    color:white;
}

.top{
    background:#66cc77;
    padding:15px;
    position:relative;
}

.profile-icon{
    position:absolute;
    right:20px;
    top:15px;
    background:#88cc44;
    width:35px;
    height:35px;
    border-radius:50%;
    text-align:center;
    line-height:35px;
}

.profile-icon a{
    text-decoration:none;
    color:black;
}

.nav{
    background:#33aa33;
    padding:10px;
}

.nav a{
    background:#88cc44;
    padding:8px;
    margin:5px;
    text-decoration:none;
    color:black;
}

.content{
    padding:20px;
}

.box{
    display:inline-block;
    width:30%;
    margin:10px;
    background:#6fa32f;
    padding:10px;
    vertical-align:top;
}

.box img{
    width:100%;
}

.product{
    display:inline-block;
    width:18%;
    margin:10px;
    background:#3f7a3f;
    padding:10px;
    text-align:center;
}

.product img{
    width:100%;
}

.big-box{
    background:#6fa32f;
    padding:20px;
    width:60%;
    margin:auto;
}

input{
    display:block;
    margin:5px 0;
    padding:5px;
}

.green-btn{
    background:#88cc44;
    border:none;
    padding:8px;
    margin-top:5px;
    cursor:pointer;
}

.footer{
    background:#66cc77;
    padding:10px;
    text-align:center;
    margin-top:20px;
}

.menu-btn{
    font-size:25px;
    padding:10px;
    cursor:pointer;
}

.sidebar{
    display:none;
    position:absolute;
    background:#5a8f4d;
    width:200px;
    padding:10px;
}

.sidebar a{
    display:block;
    background:#8bdc65;
    margin:10px;
    padding:10px;
    text-decoration:none;
    color:black;
}

.item{
    background:#6fa32f;
    padding:10px;
    margin:10px;
}