1 #delete-note-modal{

     2     -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */

     3        -moz-animation: fadein 0.5s; /* Firefox < 16 */

     4         -ms-animation: fadein 0.5s; /* Internet Explorer */

     5          -o-animation: fadein 0.5s; /* Opera < 12.1 */

     6             animation: fadein 0.5s;

     7 }

     8 

     9 @keyframes fadein {

    10     from { opacity: 0; }

    11     to   { opacity: 1; }

    12 }

    13 

    14 /* Firefox < 16 */

    15 @-moz-keyframes fadein {

    16     from { opacity: 0; }

    17     to   { opacity: 1; }

    18 }

    19 

    20 /* Safari, Chrome and Opera > 12.1 */

    21 @-webkit-keyframes fadein {

    22     from { opacity: 0; }

    23     to   { opacity: 1; }

    24 }

    25 

    26 /* Internet Explorer */

    27 @-ms-keyframes fadein {

    28     from { opacity: 0; }

    29     to   { opacity: 1; }

    30 }

    31 

    32 /* Opera < 12.1 */

    33 @-o-keyframes fadein {

    34     from { opacity: 0; }

    35     to   { opacity: 1; }

    36 }

    37 

    38 #delete-note-close-modal-button{

    39     background-color: transparent;

    40     border: transparent;

    41     color: rgba(#769FED, .4);

    42     cursor: pointer;

    43 }

    44 

    45 #delete-note-close-modal-button:hover {

    46     background-color: transparent;

    47     border: transparent;

    48     color:black;

    49 }

    50 

    51 .modal-text{

    52     font-size: .9rem;

    53 }

    54 

    55 #delete-note-modal-button {

    56     font-size: .8rem;

    57 }