1 #delete-note-modal{

     2     padding-top: 2%;

     3     margin-top: 30%;

     4 

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

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

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

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

     9             animation: fadein 0.5s;

    10 }

    11 

    12 @keyframes fadein {

    13     from { opacity: 0; }

    14     to   { opacity: 1; }

    15 }

    16 

    17 /* Firefox < 16 */

    18 @-moz-keyframes fadein {

    19     from { opacity: 0; }

    20     to   { opacity: 1; }

    21 }

    22 

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

    24 @-webkit-keyframes fadein {

    25     from { opacity: 0; }

    26     to   { opacity: 1; }

    27 }

    28 

    29 /* Internet Explorer */

    30 @-ms-keyframes fadein {

    31     from { opacity: 0; }

    32     to   { opacity: 1; }

    33 }

    34 

    35 /* Opera < 12.1 */

    36 @-o-keyframes fadein {

    37     from { opacity: 0; }

    38     to   { opacity: 1; }

    39 }

    40 

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

    42     margin-top: -2.5%;

    43     margin-right: -1%;

    44     background-color: transparent;

    45     border: transparent;

    46 }

    47 

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

    49     background-color: transparent;

    50     border: transparent;

    51     color: #769FED;

    52 }

    53 

    54 .modal-text{

    55     margin-top: 10%;

    56     font-size: 16px;

    57     font-weight: 500;

    58 }

    59 

    60 #delete-note-modal-button {

    61     padding: 1.5%;

    62     margin-top: 5%;

    63     margin-right: 40%;

    64     width: 20%;

    65     font-size: 14px;

    66 }

    67 

    68 .modal-footer{

    69     border: white;

    70 }