html,body{width:100%;height:auto;margin:0;padding:0;display:flex;justify-content:center;background-color:#121212;color:#e0e0e0}#root,.container{width:600px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.card-header{font-size:18px;font-weight:700;color:#fff;border-bottom:none;padding-bottom:0;margin-bottom:0}.card-body{font-size:20px;color:#fff}.card-text{margin:0}.large-card,.small-card{justify-content:center;align-items:center;width:300px;height:100px;margin:5px;flex-grow:1;background-color:#464646;color:#fff}.card{position:relative;transition:background-color .5s}.correct{background-color:#59aa61}.close{background-color:#b8b105}.input-group{position:relative}.autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0;background-color:#333;overflow:auto;box-sizing:border-box}.autocomplete-items div{padding:10px;cursor:pointer;background-color:#444;border-bottom:1px solid #d4d4d4}.autocomplete-items div:hover{background-color:#e9e9e9;color:#000}.center{display:flex;justify-content:center;align-items:center;flex-direction:column}.center img{max-width:100%;height:auto}.center p{font-size:min(4vw,20px)}.hidden-label{left:-9999px;position:absolute}