body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.filled-word:hover{color:#ff0}.auto-n_seconds{background-color:blue;color:aqua;position:fixed;z-index:10}.auto-n_seconds:hover{background-color:#00008b;color:#fff;cursor:pointer}.photo-container{--bg-color:#fff;--border-color:#ccc;--corner-color:#28282873;--box-shadow-style:5px 5px 15px #00000073;--main-text-color:#333;--underline-color:#000;--hint-text-color:grey;--hint-underline-color:#777}.photo-container.dark-mode{--bg-color:#1e1e1e;--border-color:#444;--corner-color:#d2d2d273;--box-shadow-style:0 0 8px #ffffff1f,0 0 20px #ffffff7a;--main-text-color:#eee;--underline-color:#ddd;--hint-text-color:#999;--hint-underline-color:#bbb}.photo-container{background-color:var(--bg-color);border:1px solid var(--border-color);box-shadow:var(--box-shadow-style);color:var(--main-text-color);cursor:pointer;margin:1rem;min-height:220px;padding:10px;position:relative;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.photo-container p{line-height:1.8;margin:0;white-space:pre-wrap}.blank-placeholder{border-bottom:1px solid var(--underline-color);display:inline-block;font-size:18px;line-height:1.72;margin:0;min-width:15px;padding:0;text-align:left;vertical-align:bottom}.hint-wrapper{font-family:Courier New,Courier,monospace}.hint-text{color:var(--hint-text-color);font-weight:500}.hint-underscores{color:var(--hint-underline-color);letter-spacing:1.7px}.corner-element{background-color:var(--corner-color);height:20px;position:absolute;transition:background-color .3s ease;width:20px;z-index:1}.top-left{clip-path:polygon(0 0,100% 0,0 100%);left:0;top:0}.top-right{clip-path:polygon(100% 0,0 0,100% 100%);right:0;top:0}.bottom-left{bottom:0;clip-path:polygon(0 100%,0 0,100% 100%);left:0}.bottom-right{bottom:0;clip-path:polygon(100% 100%,100% 0,0 100%);right:0}
/*# sourceMappingURL=main.dba2fa38.css.map*/