.list-item {
    display: flex;
    list-style: none;  
    justify-content: space-between;
    

    .logo {
        justify-content: left;        
    }   
}

.item-link {
    text-decoration: none;
}

.content {
    background-color: aliceblue;
    font-weight: 300; 

    .text-content {
        text-align: center;
        font-size: 1.5em;
    }

    .category {
        display: flex;
        padding: 1.25rem;
        justify-content: space-around;
        align-items: center;

        .category-post {
            position: relative;
            text-align: center;
            width: 33%;
            flex : 0 0 33%;
            cursor: pointer;
            

            .img {
                width: 20rem;
            }

            .category-details {
                /*position: absolute;*/
                display: flex;
                justify-content: center;

                
            }
        }
    }
}

.articles {
    .content-articles {
        display: flex;
        .article {
            background-color: darkgrey;
            width: 70%;
            padding-right: 0px;
            .article-item {
                padding: 2.5rem;
                padding-top: 0%;
                display: flex;
                .class-item {
                    .class-link {
                        color: green;                        
                    }
                }
            }
        }
        .sidebar {
            width: 30%;
            background-color: cornsilk;
            border: 1px solid;
            border-color:brown;
            padding: 1rem;
            background-image: url(imgs/dag8.jpg);
            background-size: cover;
            
            .search-bar {
                display: flex;
                justify-content: center;
                padding: 1.5rem;
                border-bottom: 1px solid;
            }
            .elemt-dag {
                padding: 2.5rem;
                border-bottom: 1px solid;
        
                .imgs {
                    border-radius: 70%;
                }
            }
        
            .newsletter {
                border-bottom: 1px solid;
                padding: .2rem;  
                
                h4 {
                    text-align: center;
                    background-color: blue;
                    color:aliceblue;
                    padding: 1.2rem;            
                } 
        
                .form {
                    display: flex;
                    justify-content: center;
                    border: none;
                }
        
                small {
                    text-align: center;
                }
            }
        
            .etiquet {
                text-align: center;
                h4 {
                    background-color: blue;
                    color:aliceblue;
                    padding: 1.2rem;
                }
            }
        }
    }
    .newsletter2 {
        padding: 10rem;
        background-image: url(imgs/dag7.jpg);
        background-size: cover;
        background-position: fixed;
        .form {
            justify-content: center;
        }
    }
}



a {
    text-decoration: none;
}

.btn {
    text-decoration: none;
    color :whitesmoke;
    background-color: blue;
    border-color: blue;
    height: 35px;

    &:hover{
        color:aqua;
        border-color: black;
        transition: all ease-in .3s;
        cursor: pointer;
        text-shadow: 35px ;
    }
}

.imgs {
    height: 12rem;
   
}