@layer phone {
    #main-wrapper {
        display: block;
    }
    
    #main-img {
        #main-img-default {
            display: none;
        }
    
        #main-img-phone-container {
            height: 90vh;
            overflow: hidden;
            display: flex;
            justify-content: flex-end;
        }
        
        #main-img-phone {
            display: block;
            height: 100%;
            object-fit: contain;
        }
    }
    
    
    #activities {
        padding-top: 1rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    #articles {
        padding-top: 1rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    
        #monthly-shelf {
            main {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-column-gap: 0.5rem;
                grid-row-gap: 0.5rem;

                .monthly {
                    width: 100%;
                }
        
                img:hover {
                    transform: none;
                }
            }
        }
    
    
        #past-article-shelf {
            main {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-column-gap: 0.5rem;
                grid-row-gap: 0.5rem;

                .book-container {
                    width: 100%;
        
                    img:hover {
                        transform: none;
                    }
        
                    .book-detail {
                        display: none;
                    }
                }
            }
        }
    }
    
    #about {
        display: none;
        /*
        padding-top: 1rem ;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    
        &>#member-description {
            display: none;
        }
            */
    }
}