--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/components/NoteList.scss	Wed Aug 29 11:02:36 2018 +0200
@@ -0,0 +1,70 @@
+#delete-note-modal{
+    padding-top: 2%;
+    margin-top: 30%;
+
+    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
+       -moz-animation: fadein 0.5s; /* Firefox < 16 */
+        -ms-animation: fadein 0.5s; /* Internet Explorer */
+         -o-animation: fadein 0.5s; /* Opera < 12.1 */
+            animation: fadein 0.5s;
+}
+
+@keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Firefox < 16 */
+@-moz-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Safari, Chrome and Opera > 12.1 */
+@-webkit-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Internet Explorer */
+@-ms-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Opera < 12.1 */
+@-o-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+#delete-note-close-modal-button{
+    margin-top: -2.5%;
+    margin-right: -1%;
+    background-color: transparent;
+    border: transparent;
+}
+
+#delete-note-close-modal-button:hover {
+    background-color: transparent;
+    border: transparent;
+    color: #769FED;
+}
+
+.modal-text{
+    margin-top: 10%;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+#delete-note-modal-button {
+    padding: 1.5%;
+    margin-top: 5%;
+    margin-right: 40%;
+    width: 20%;
+    font-size: 14px;
+}
+
+.modal-footer{
+    border: white;
+}