body{font-family:Open Sans,sans-serif;color:#f0f0f0;margin:0}video{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;position:fixed;top:0;left:0;z-index:1}.ghost{display:none!important}h1{margin:0;font-family:Mountains of Christmas,cursive;font-weight:400;font-size:70px;text-shadow:0 3px 0 #d62c1a;border-bottom:1px solid hsla(0,0%,94%,.5)}p{margin:20px 0}.flex{display:flex;justify-content:center;align-items:center;height:100vh;background:rgba(231,76,60,.75);z-index:2}.flex,.inner{position:relative}.inner{width:calc(100% - 40px);padding:20px;text-align:center;max-width:700px;margin:0 15px}ul{margin:0;padding:0}ul li.name{list-style:none;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f0f0f0;padding:20px;width:100px;color:#e74c3c;margin:10px;border-radius:3px;font-weight:700;border:1px solid #e74c3c;position:relative;z-index:2;transition:color .5s,opacity .25s}ul li.name:after{content:"";width:0;height:100%;background:#e74c3c;position:absolute;top:0;left:0;right:0;margin:auto;z-index:-1;transition:width .5s}ul li.name:hover{color:#f0f0f0}ul li.name:hover:after{width:100%}ul li.name.chosen{background:#e74c3c;color:#f0f0f0;z-index:10}ul li.name.chosen:after{display:none}ul li.name.not-chosen{opacity:.3}#choose-name{background:none;color:#f0f0f0;border:1px solid #f0f0f0;padding:20px 0;border-radius:50px;max-width:150px;width:100%;display:inline-block;left:0;right:0;margin:10px auto auto;cursor:pointer;transition:color .25s,background .25s,max-width .25s}#choose-name:hover{background:#f0f0f0;color:#e74c3c}#choose-name.result{max-width:700px;bottom:-90px;cursor:default}#choose-name.result,#choose-name.result:hover{background:#f0f0f0;color:#e74c3c;border-radius:0}#choose-name.result a{text-decoration:none;border-bottom:1px dotted #e74c3c;color:#e74c3c}#choose-name .result-name{font-weight:700;font-size:22px}#choose-name:disabled:hover{background:none;color:#f0f0f0;cursor:not-allowed}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#loader{margin-top:24px}#loader #gift{font-size:5em;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#loader p{font-size:1.5em;font-weight:700}