well done

src/app/cardlist/cardlist.component.css

@@ -0,0 +1,79 @@
+.card{
+    background-color: lightblue;
+    border: solid 1px;
+    border-left-width: 5px;
+    margin: 15px;
+}
+.cardTitle{
+    margin-left: 10px; 
+    font-size: 1em;
+}
+.cardDesc{
+    margin-left: 10px; 
+}
+.createCard{
+    padding: 10px;
+    /*background-color: lightcyan;*/
+}
+.fullScreen{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    clear: both;
+    background: black;
+    opacity: 0.3;
+    padding-left: 35%;
+    padding-right: 35%;
+    padding-top: 35%;
+    padding-bottom: 15%;
+    z-index: 100;
+}
+.fullScreentransparent{
+    position: absolute;
+    clear: both;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: transparent;
+    z-index: 101;
+}
+.link{
+    cursor: pointer;
+}
+.createTitle{
+    font-weight: bold;
+    color: white;
+}
+.formfields{
+    margin-top: 10px;
+}
+
+
+
+.dnd-drag-start {
+    -moz-transform:scale(0.8);
+    -webkit-transform:scale(0.8);
+    transform:scale(0.8);
+    opacity:0.7;
+    border: 2px dashed #000;
+}
+
+.dnd-drag-enter {
+    opacity:0.7;
+    border: 2px dashed #000;
+}
+
+.dnd-drag-over {
+    border: 2px dashed #000;
+}
+
+.dnd-sortable-drag {
+  -moz-transform:scale(0.9);
+  -webkit-transform:scale(0.9);
+  transform:scale(0.9);
+  opacity:0.7;
+  border: 1px dashed #000;
+}