body,html{font-family:Roboto,sans-serif;font-size:14px;margin:0;padding:0}body{min-height:100%}header{background:#fff;border-bottom:1px solid #e8e8e8;left:0;padding:10px;position:relative;right:0;z-index:2}.img{display:block;margin-left:auto;margin-right:auto}.searchbox-container{display:block;margin:20px auto auto;max-width:400px}.searchbox-container .input-group{margin-top:5px}.searchbox-container .form-control:focus{box-shadow:none;outline:0}.searchbox-container .guessed-movie{margin-bottom:5px;padding:5px;width:300px}.searchbox-container .movie-frame{height:14rem}.searchbox-container .count-btn{border:none;border-radius:0;border-radius:2px;font-size:large;height:35px;padding:0;width:28px}.button{background-color:purple;border:none;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none}.close{height:32px;opacity:.3;position:absolute;right:32 px;top:32px;width:32px}.close:hover{opacity:1}.close:after,.close:before{background-color:#333;content:" ";height:33px;left:15px;position:absolute;width:2px}.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.guess-box{display:flex;justify-content:center}.movie-search-dropdown{width:300px}.current-movie-frame{background-color:#595959;color:#fff}.header-icon{padding:0 16px}.rules-header,.stats-header{position:relative}.rules-header h3,.stats-header h3{font-weight:bolder}.stats-header .modal-close{top:0}.modal-close{background-color:initial;font-size:18px;position:absolute;right:0;top:10px}.Modal{border:1px solid #000!important}.data-props{justify-content:space-around;margin-bottom:15px}.data-group,.data-props{align-items:center;display:flex}.data-group{flex-direction:column;text-align:center}.stats{font-weight:700;text-transform:uppercase}.data-value{font-size:1.5rem;font-weight:600;line-height:2rem;min-width:32px}.stats-header{margin-bottom:20px}.guess-dist{margin-top:20px}.won{background:green}.total-played,.won{border-radius:3px;color:#fff}.total-played{background:#ffc107}.social-icons{display:flex;justify-content:center;margin-bottom:10px;padding-bottom:10px}.social{cursor:pointer;height:50px;margin:10px}.twitter-icon{height:56px}.rules{font-size:18px;padding:10px}.rules p{background:#9aaae63b;border-radius:5px;display:flex;gap:.3rem;padding:10px}.rules img{flex-shrink:0;margin-top:4px}.rule-icon{height:20px;margin-right:10px}.chances{height:28px}.timer-wrapper{display:flex;justify-content:space-evenly;margin:auto;padding:50px 0;width:300px}.timer{align-items:center;display:flex;flex-direction:column;font-size:16px}.hide-dropdown .css-26l3qy-menu{visibility:hidden}.counter{padding:5px}.guess-graph{letter-spacing:1px;margin-top:20px}.graph-wrapper{display:flex;flex-direction:column;padding:0 10px 0 0}.guess-index{font-size:larger;font-weight:700;width:5%}.guess-bar{background-color:initial;border-radius:1px;height:20px;width:95%}.graph-fill{background:#3a6e9c;color:#fff;font-size:large;font-weight:700;height:20px;justify-content:flex-end;text-align:right}.graph-fill,.guess-data{align-items:center;display:flex}.guess-data{margin:2px 0;width:100%}.banner-text a{text-decoration:underline}.p-200{padding:200px 0}.underline-text{text-decoration:underline}.fs-large{font-size:large}.square{border-radius:2px;height:20px;margin:10px;padding:10px;width:20px}span.red{background:red}span.green{background:#00ff7f}span.green-light{background:green}.w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input[type=date]{align-items:center;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23688EBB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(1 1)'%3E%3Crect width='18' height='18' y='2' rx='2'/%3E%3Cpath d='M13 0v4M5 0v4M0 8h18'/%3E%3C/g%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #8292a2;border-radius:.25rem;cursor:pointer;display:block;font-family:monospace;font-size:1rem;position:relative}input[type=date]:focus{border-color:#3acfff;box-shadow:0 0 0 .25rem rgba(0,120,250,.1);outline:0}::-webkit-datetime-edit-day-field:hover,::-webkit-datetime-edit-month-field:hover,::-webkit-datetime-edit-year-field:hover{background:rgba(0,120,250,.1)}::-webkit-datetime-edit-text{opacity:0}::-webkit-clear-button,::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{background:#0078fa;bottom:0;color:#0078fa;cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:2.5rem}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.05}input[type=date]:hover::-webkit-calendar-picker-indicator:hover{opacity:.15}.text-black{color:#000}.button-href{background-color:#3acfff;border-radius:2px;color:#000;padding:4px 5px}.button-href:hover{text-decoration:none}.color-lawngreen{color:#7cfc00}.color-lawngreenLight{color:green}.fs-30{font-size:30px}.stats-icon{color:#2196f3}.time-travel-icon{color:#aaff64}.time-travel-icon-light{color:green}.instructions-icon{color:#e91e63}.information-text{color:#ffebd8;font-size:medium;margin:auto;max-width:400px;text-align:center}.btn-ripple{display:inline-block;overflow:hidden;position:relative;transition:all .5s ease-in-out}.btn-ripple:after{background-color:#fbf2f2;border-radius:50%;content:"";display:block;height:100%;left:25%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:scale(5);transform:scale(5);transition:all .2s ease-in-out;width:50%}.btn-ripple:active:after{margin:0;opacity:.2;padding:0;-webkit-transform:scale(0);transform:scale(0);transition:0s}.time-travel-info{max-width:400px}.wrong-guess{border:1px solid red;border-left-width:5px;border-radius:5px 5px 5px 5px}.correct-guess{border:1px solid #7cfc00;border-left-width:5px;border-radius:5px 5px 5px 5px}.correct-guess-light{border:1px solid green;border-left-width:5px;border-radius:5px 5px 5px 5px}.text-red{color:red}