style and animations

app.component.scss

.mobile-menu{
    //for animations
    height:0px;
    overflow:hidden;
    transition: height 0.5s ease;
    &.open{
        height:260px;
    }
    //

    a{
        padding:5px 5px 5px 5px;
        margin: 10px;
        font-family: 'Roboto', sans-serif;
        color:white;
        text-decoration: none;
        letter-spacing: 0.5px;

        &.active{
            border-bottom: 1.5px solid;
        }
    }

    display: flex;
    align-items: center;
    flex-direction: column; 
    background-color: #3700b3;
    box-shadow: 0 2px 2px 0 gray;
}