.homecontainer{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1;background-color:#012c6865}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;opacity:.8}.gueststart{margin-left:auto;margin-right:auto;width:40%;height:50vh;background-color:#fff3;border:solid #fff 2px;border-radius:30px;padding:20px;position:relative;overflow:hidden}.progress-bar{position:absolute;top:-10px;left:0;height:8px;background-color:#0a7202;border-radius:15px;transition:width 1s linear}.startlogo{margin-left:auto;margin-right:auto;width:70%;align-items:center;align-content:center;justify-content:center;display:flex}.startlogo img{width:30%;align-items:center;align-content:center;justify-content:center;display:flex;border-radius:50%;padding:10px;background-color:#ffffff52;border:solid #0a7202;cursor:pointer;transition:1s}.startlogo img:hover{background-color:#0a0b0a6b;transition:1s}.starttitle{text-transform:uppercase;align-items:center;align-content:center;justify-content:center;display:flex;flex-direction:column;margin-top:20px;font-weight:bolder;font-size:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.starttitle span{font-size:15px;color:#5e0d02;font-weight:bolder}.error{color:#700101;margin-top:10px}.startinput{width:80%;margin-top:20px;margin-left:auto;margin-right:auto;align-content:center;justify-content:center;align-items:center;display:flex;flex-direction:column}.startinput input{width:100%;border-radius:15px;color:#0a7202;font-weight:bolder}.startinput strong{color:#0ef;font-weight:bolder;font-size:25px}.startinput button{background-color:#0a7202;margin-top:30px;width:40%;padding:10px;border-radius:15px;text-transform:uppercase;border:#fff solid 1px;font-weight:bolder}.startinput button:hover{background-color:#fff;color:#0a7202;border:#0a7202 solid 2px}@media screen and (min-width: 300px) and (max-width: 768px){.video-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;opacity:.8}.gueststart{margin-left:auto;margin-right:auto;width:90%;height:40vh;background-color:#fff3;border:solid #fff 2px;border-radius:30px;padding:20px}.startlogo{margin-left:auto;margin-right:auto;width:90%;align-items:center;align-content:center;justify-content:center;display:flex}.startlogo img{width:30%;align-items:center;align-content:center;justify-content:center;display:flex;border-radius:50%;padding:5px;background-color:#ffffff52;border:solid #0a7202 1px;cursor:pointer}.starttitle{font-size:18px;margin-top:10px}.starttitle span{font-size:8px;text-align:center}.startinput{width:100%;margin-top:10px}.startinput strong{color:#0ef;font-weight:bolder;font-size:20px}}