123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- body,
- input,
- button {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- color: #ccc;
- font-weight: 500;
- font-size: 16px;
- }
- body {
- margin: 0;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- background-color: #222;
- }
- code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
- }
- button {
- border-radius: 0px;
- border: 4px solid #333;
- padding: 8px;
- background-color: #555;
- color: #fff;
- font-weight: 600;
- cursor: pointer;
- transition: background-color 300ms;
- }
- button:hover {
- background-color: #777;
- }
- button:focus {
- outline: #999 solid 1px;
- }
- button::-moz-focus-inner {
- border: 0;
- }
- button:disabled {
- color: #777;
- background-color: #333;
- cursor: default;
- }
- #root {
- position: absolute;
- width: 100% !important;
- height: 100% !important;
- }
- .fade-enter {
- opacity: 0;
- }
- .fade-enter-active {
- opacity: 1;
- transition: opacity 500ms;
- }
- .fade-exit {
- position: absolute;
- z-index: 1;
- opacity: 1;
- }
- .fade-exit-active {
- position: absolute;
- z-index: 1;
- opacity: 0;
- transition: opacity 500ms;
- }
- .gm-style-cc {
- display: none !important;
- /* hide the copyright information */
- }
|