Angular 6 HelpFiles

movie-board.component.css

.card-padding{
  padding-right: 10px;
}

navbar.component.css

nav {
    background: #e2d305;
    height: 100%;
  }
  nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  nav ul li a {
    color: rgb(15, 15, 15);
    padding: 20px;
    display: block;
  }
  nav ul li .activated {
    background-color: #f2f2f2;
  }

navbar.component.scss

nav {
  background: #e2d305;
  height: 100%;
  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    li {
      a {
        color: rgb(15, 15, 15);
        padding: 20px;
        display: block;
      }
      .activated {
        background-color: #f2f2f2;
      }
    }
  }
}

styles.css

/* You can add global styles to this file, and also import other style files */
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

body {
    margin: 0;
    background: #f2f2f2;
    font-family: 'Quicksand', sans-serif;
    height: 100vh;
  }
  #container {
    display: grid;
    grid-template-columns: 70px auto;
    height: 100%;
  }
  #container #content {
    padding: 30px 50px;
  }
  #container #content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #container #content ul li {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 8px;
  }
  #container #content ul li a {
    font-size: 1.5em;
    text-decoration: none;
    font-weight: bold;
    color: #00a8ff;
  }
  #container #content ul li ul {
    margin-top: 20px;
  }
  #container #content ul li ul li {
    padding: 0;
  }
  #container #content ul li ul li a {
    font-size: 1em;
    font-weight: 300;
  }

styles.scss

/* You can add global styles to this file, and also import other style files */
@import "@angular/material/prebuilt-themes/deeppurple-amber.css"

body
  margin: 0
  background: #f2f2f2
  font-family: 'Quicksand', sans-serif
  height: 100vh

#container
  display: grid
  grid-template-columns: 70px auto
  height: 100%
  #content
    padding: 30px 50px
    ul
      list-style-type: none
      margin: 0
      padding: 0
      li
        background: #fff
        border-radius: 8px
        padding: 20px
        margin-bottom: 8px
        a
          font-size: 1.5em
          text-decoration: none
          font-weight: bold
          color: #00a8ff
        ul
          margin-top: 20px
          li
            padding: 0
            a
              font-size: 1em
              font-weight: 300