html{font-family:Arial,Helvetica,sans-serif;height:100%;overscroll-behavior-y:none}body{overscroll-behavior-y:none;color:#fff;margin-right:0;max-width:100%;padding-bottom:100px}#container{margin-right:8px}#background{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-1;background-image:linear-gradient(#2b2b2b99 80%,#000000e6),url(/assets/Gift-Giving-Banner-DzDzWOjK.jpg);background-size:cover}h1{text-align:center;text-shadow:2px 2px 4px rgb(114,114,114)}#intro{background-color:#dcdcdcb7;color:#000;border-radius:10px;margin:20px auto;line-height:1.5em;text-align:justify;max-width:600px;transition:height 1s;padding:5px 10px;position:relative}#flex-div{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:800px;margin:0 auto}.edit-span{font-size:.7em}#control-strip{position:fixed;bottom:0;left:0;padding-top:10px;width:100%;background-color:#69292ac9;display:flex;justify-content:center;z-index:10}#btn-div{display:flex;flex-wrap:wrap;height:auto;justify-content:center}#btn-div:first-child{margin-left:10px}#btn-div:last-child{margin-right:10px}#get-started{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#secretSantaBtn{display:block;margin-top:10px}.button,.btn-bottom{background-color:#69292ac9;color:#e2e2e2;box-shadow:0 1px #3b0e0fc9,0 2px #3b0e0fc9,0 3px #3b0e0fc9,0 4px 4px #3b0e0fc9;transition:.2s;border-radius:20px;border-style:outset;padding:5px 10px;cursor:pointer;width:150px;font-weight:700;text-shadow:2px 2px 2px rgb(114,114,114);margin:0 5px 10px;max-height:65px}.deleteHouse{width:100%;margin:5px auto 0}#secretGenerate,#nextStep{padding:10px}.button:hover,.btn-bottom:hover{transform:translateY(2px);box-shadow:0 1px #3b0e0fc9,0 2px 4px #3b0e0fc9}.button:active,.btn-bottom:active{transform:translateY(4px);box-shadow:none}.delete-name{display:inline-block;background-color:transparent;border:1px solid #bb0000;fill:none;color:#b00;cursor:pointer;font-size:10px;padding:2px 5px;position:relative;top:-2px}.name-input{text-transform:capitalize}.name-wrapper:hover{cursor:pointer;background-color:#69292ac9;border-radius:10px;padding-left:10px}#house1-header{margin-top:0}.household,#name-list{min-height:5rem;border:2px solid rgba(255,255,255,.695);padding:1rem;border-radius:.5rem;background-color:#9e9e9e8b;max-width:347px}#name-list{margin-top:0}.household{margin-top:1rem}.household p,#name-list p{margin:5px;display:inline-block}.household h2,#name-list h2{margin-top:0;margin-bottom:10px}.name-select{width:100%;color:#000;text-align:center;margin-top:15px}.name-container{padding-bottom:35px}.table{border-collapse:collapse;width:45%;min-width:300px;border-radius:20px 20px 0 0;overflow:hidden;margin-left:10px}.table th{padding:12px 8px;text-align:center;background-color:#69292ac9;color:#fff}.table td{height:20px;padding:8px}.table tr{font-size:1em}.table tr:nth-child(odd){background-color:#7b7b7b91}.table tr:nth-child(2n){background-color:#9e9e9e8b}#snackbar{min-width:250px;background-color:#fff;color:#000;text-align:center;border-radius:10px;border:3px solid #198c0a;padding:16px;position:fixed;z-index:10;left:50%;transform:translate(-50%);top:20px}.show{visibility:visible;-webkit-animation:fadein .5s;animation:fadein .5s}.hide{-webkit-animation:fadeout .5s;animation:fadeout .5s}.hidden{visibility:hidden}@-webkit-keyframes fadein{0%{top:0;opacity:0}to{top:20px;opacity:1}}@keyframes fadein{0%{top:0;opacity:0}to{top:20px;opacity:1}}@-webkit-keyframes fadeout{0%{top:20px;opacity:1}to{top:0;opacity:0}}@keyframes fadeout{0%{top:20px;opacity:1}to{top:0;opacity:0}}#emailTable{min-height:250px;min-width:400px;width:auto;position:fixed;left:50%;top:20px;border-radius:10px;transform:translate(-50%);margin:0;table-layout:fixed;z-index:10;background-color:#fff;overflow:hidden}#emailTable h3{background-color:#69292a;position:relative;top:-20px;padding:20px;margin-bottom:0}#emailTable #emailBtnDiv{display:flex;justify-content:space-around;margin-top:5px}#emailTable .emailDiv{position:relative;top:-10px;color:#000;display:flex;border-bottom:1px solid #69292a;padding-bottom:5px;margin:0 5px 5px}#emailTable .emailDiv label{width:50%;text-align:center}#emailTable .emailDiv input{width:50%}.sendEmails{background-color:#fff;max-width:400px;position:fixed;top:20px;left:50%;transform:translate(-50%);border-radius:10px;color:#198c0a;padding:20px;border:2px solid #198c0a;text-align:center;z-index:10}#hideEmails{margin-left:15px}.emailQuery{align-items:center;justify-content:space-around;background-color:#ffffff68;border-radius:10px;color:#000;padding:7px 15px;border:3px solid #69292a;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:30px auto 5px}.emailQuery button{width:80px;padding:5px;margin-bottom:2px}.emailQuery div{display:flex;justify-content:space-between;text-align:center}.emailQuery input{margin-top:5px;width:70%}.emailQuery span{color:#198c0a;font-weight:700;font-size:1.2rem;margin-left:7px}#left-container.secret{width:100%;display:flex;justify-content:center;flex-wrap:wrap}#left-container.secret #name-list,#left-container.secret .household{width:333px;margin:10px}#left-container.secret .name-container{min-height:calc(100% - 110px)}#left-container.secret .household{position:relative;padding-bottom:20px}#left-container.secret .deleteHouse{position:relative;top:-17px}#left-container.secret .household select{position:absolute;bottom:5px;width:90%}#left-container.secret #name-list select{position:relative;top:-25px}#left-container.secret #name-list #b0{position:relative;top:-17px}#left-container.secret #name-list #input0{position:relative;top:-15px}@media screen and (max-width: 740px){#container{overflow-x:hidden}}@media screen and (max-width: 673px){#input0{margin:5px}#b0{margin-bottom:0}}@media screen and (max-width: 630px){#flex-div{display:block}.table{margin:50px auto 0;width:100%;max-width:350px}body{background-attachment:scroll}.household,#name-list{margin:0 auto;max-width:320px}.household h2,#name-list h2{text-align:center}#left-container.secret #name-list{padding-bottom:65px}#left-container.secret #name-list select{margin-top:20px}}@media screen and (max-width: 553px){#flex-div{margin-top:10px}}@media screen and (max-width: 499px){body{padding-bottom:150px}.shortcut{display:none}#nextStep{padding:10px}}@media screen and (max-width: 429px){#emailTable{min-width:95%;margin:0 5px}}@media screen and (max-width: 339px){#container{padding-left:0;padding-right:5px}body{padding-bottom:170px}#addHouse,#generate,#secretGenerate{padding:10px}.table{min-width:auto}}@media screen and (max-width: 337px){#query div{flex-direction:column;justify-content:center;align-items:center}#emailQueryBtn{margin-top:5px}}