Update reader.py

reader.py

@@ -58,101 +58,7 @@ def get_article(acc, most_imp_feat):
       line('p', membs)
       doc.stag('img', src=img_src)
       
-  css = '''
-  .box {
-    border: 2px solid black;
-    text-align: center;
-    margin: 10px;
-    padding: 5%;
-  }
-  ul {
-    display: inline-block;
-    text-align: left;
-  }
-  img {
-    display: block;
-    margin: auto;
-  }
-  .description {
-    text-align: center;
-  }
-  .panel_button {
-    display: block !important;
-    width: 100% !important;
-    background-color: #00EACD !important;
-    color: #000;
-    transition: all .2s ease-out 0s !important; 
-    box-shadow: 0 10px #00AEAB !important;
-    border-radius: 10px !important;
-  }
-  .panel_button:hover {
-    box-shadow: 0 5px #00AEAB;
-    transform: translateY(5px);
-  }
-  .submit {
-    color: black !important;
-  }
-  .selected {
-    background-color: #656bd6 !important;
-  }
-  .radio_item {
-    border-radius: 10px;
-    padding-left: 10px !important;
-    padding-right: 10px !important;
-  }
-  .radio_item:hover {
-    color: #656bd6 !important;
-  }
-  .title {
-    background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
-    background-size: cover;
-    color: transparent;
-    -moz-background-clip: text;
-    -webkit-background-clip: text;
-    text-transform: uppercase;
-    font-size: 60px;
-    line-height: .75;
-    margin: 10px 0;
-  }
-  .panel_header {
-    color: black !important;
-  }
-  input {
-    background-color: #efeffa !important;
-  }
-  .acc, .feat {
-    background-color: #FF3399 !important
-  }
-  .prj {
-    background-color: #FFCE3B !important;
-  }
-  .data {
-    background-color: #ED6800 !important;
-  }
-  .ethics {
-    background-color: #3EE6F9 !important;
-  }
-  .team {
-    background-color: #9581EF !important; 
-  }
-  .model-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-  .spacer {
-    display: flex;
-    justify-content: center;
-  }
-  .model-div {
-    width: 45%;
-  }
-  @media screen and (max-width: 700px) {
-    .model-container {
-      flex-wrap: wrap;
-    }
-  }
-  '''
+  css = 'app.css'
   return {
     'article': doc.getvalue(),
     'css': css,