38 lines
632 B
CSS
38 lines
632 B
CSS
@import "tailwindcss";
|
|
|
|
body {
|
|
background: #1e2a38;
|
|
color: #fff;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
/* Modal animations */
|
|
.ReactModal__Overlay {
|
|
opacity: 0;
|
|
transition: opacity 200ms ease-in-out;
|
|
}
|
|
|
|
.ReactModal__Overlay--after-open {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ReactModal__Overlay--before-close {
|
|
opacity: 0;
|
|
}
|
|
|
|
.ReactModal__Content {
|
|
transform: scale(0.9) translateY(-20px);
|
|
opacity: 0;
|
|
transition: all 200ms ease-in-out;
|
|
}
|
|
|
|
.ReactModal__Content--after-open {
|
|
transform: scale(1) translateY(0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.ReactModal__Content--before-close {
|
|
transform: scale(0.9) translateY(-20px);
|
|
opacity: 0;
|
|
}
|