body {
      font-family: 'Roboto', sans-serif;
      background-color: #f5f5f5;
    }

    h2 {
      color: #3f51b5;
      margin-bottom: 20px;
    }

    .mdl-list__item a {
      text-decoration: none;
      color: #333;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 10px;
      border-radius: 4px;
      transition: background-color 0.2s, color 0.2s;
    }
    
    
    .mdl-list__item {
      padding: 10px;
      border-radius: 8px;
      transition: background-color 0.2s, color 0.2s;
    }
    
    .topic_item {
        background-color: #00eaf6;
    }
    
    .subject_item {
        background-color: #00e006;
    }
    
    
    .mdl-list__item a:hover {
      background-color: #e8eaf6;
      color: #3f51b5;
    }
    
    .mdl-list__item:hover {
      background-color: #e8eaf6;
      color: #3f51b5;
    }

    .mdl-list__item-icon {
      margin-right: 10px;
      color: #3f51b5;
    }

    .topics-container {
      /*max-width: 600px;*/
      margin: auto;
    }