@font-face{font-family:Roboto;src:url(/static/media/Roboto-Regular.11eabca2.ttf) format("truetype")}@font-face{font-family:Roboto-Bold;src:url(/static/media/Roboto-Bold.e07df86c.ttf) format("truetype")}body{font-family:Roboto,Times New Roman,sans-serif;font-size:62.5%;background-color:#f0f3f7;color:#000;margin:0}.body-wrap{display:flex;min-height:100vh;flex-direction:column}.wrap{flex:1 1}a,h1,h2,h3,h4,h5,h6,p{opacity:.9;margin:.5rem 0}a{color:#1e55ae}h1,h2,h3,h5,h6{font-family:Roboto-Bold}.subtitle{opacity:.8}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6,p{font-size:1rem}button{cursor:pointer;font-family:inherit;text-decoration:none;color:#fff;border:none;text-transform:uppercase}button:focus{outline:none}input{border:none;font-family:inherit;font-size:1rem;padding:1rem 2rem}input:focus{outline:none}.container{max-width:24rem;margin:0 auto;padding-bottom:2rem}.generate-button{padding:20px;width:100%;font-size:.9rem;border-radius:.8rem;background-image:linear-gradient(45deg,#5ed161,#17a921);margin-top:1rem;margin-bottom:1rem}.generate-button:active,.generate-button:hover{background-image:linear-gradient(45deg,#4acb4e,#14931d)}.santa-icon{height:1rem;margin-bottom:-.1rem;margin-left:.3rem;margin-right:.3rem;display:inline-block}.header{margin-top:2rem;margin-bottom:2rem;text-align:center}.header__image{width:6rem}.form-wrap{margin-top:1rem;margin-bottom:.5rem;border-radius:.8rem;box-shadow:0 4px 6px 0 rgba(0,0,0,.05)}.form{display:flex}.input{width:100%;flex-grow:1;border-top-left-radius:.8rem;border-bottom-left-radius:.8rem}.add{padding:20px;font-size:.9rem;border-top-right-radius:.8rem;border-bottom-right-radius:.8rem;background-image:linear-gradient(45deg,#fb7f3b,#d4145a);flex-grow:1;width:8rem}.add:focus,.add:hover{background-image:linear-gradient(45deg,#fa6f22,#bd1250)}.add:focus{outline:none}.add-icon{height:.7rem;margin-right:.2rem}.people-container{border-radius:.8rem;background-color:#fff;margin-top:1rem;margin-bottom:1rem;box-shadow:0 4px 6px 0 rgba(0,0,0,.05)}.empty-message{padding:1.5rem 2rem}.person{padding:1rem 2rem;display:flex;align-items:center}.person__number{border-radius:50%;min-width:1rem;height:1rem;padding:.2rem;background:#000;line-height:1rem;text-align:center;color:#fff;font-size:.8rem;margin-right:.7rem}.person__remove{color:#ce0e0e;background:none;flex-grow:1;padding:0;display:flex;justify-content:flex-end;margin-left:.7rem}.person__remove:hover{color:#9e0b0b}.person__name{flex-grow:10;word-break:break-all;text-transform:capitalize}.person__link{color:#1e55ae;flex-grow:1;display:flex;justify-content:flex-end;background-color:inherit}.person__link:hover{color:#164083}.footer p{font-size:.8rem}.note{padding:1rem 2rem;text-align:center}.note__santa,.note__title{text-transform:capitalize}.note__santa{color:#ce0e0e}.note__image{margin:0 1rem;width:4rem}.dice{position:relative;width:50px;height:50px;transform-style:preserve-3d;transform:rotateY(185deg) rotateX(150deg) rotate(315deg);animation:rotate 3s linear infinite;margin:0 auto}.side{width:100%;height:100%;background:#d84444;border:2px solid #2caf3d;position:absolute;opacity:.9;display:flex;align-items:center;justify-content:center}.side:before{content:"";width:20%;height:20%;background:#2caf3d;border-radius:50%}.base{width:100%;height:100%;transform:translateY(73px) rotateX(90deg);border:0;background:#00f}.one{transform:translateZ(25px)}.two{transform:translateX(-25px) rotateY(-90deg)}.two:before{background:transparent;box-shadow:-12px -12px 0 0 #2caf3d,12px 12px 0 0 #2caf3d}.three{transform:translateY(25px) rotateX(90deg)}.three:before{box-shadow:-12px 12px 0 0 #2caf3d,12px -12px 0 0 #2caf3d}.four{transform:translateY(-25px) rotateX(90deg)}.four:before{background:transparent;box-shadow:-12px 12px 0 0 #2caf3d,-12px -12px 0 0 #2caf3d,12px 12px 0 0 #2caf3d,12px -12px 0 0 #2caf3d}.five{transform:translateX(25px) rotateY(90deg)}.five:before{box-shadow:-12px -12px 0 0 #2caf3d,-12px 12px 0 0 #2caf3d,12px -12px 0 0 #2caf3d,12px 12px 0 0 #2caf3d}.six{transform:translateZ(-25px)}.six:before{background:transparent;box-shadow:-12px -12px 0 0 #2caf3d,-12px 0 0 0 #2caf3d,-12px 12px 0 0 #2caf3d,12px -12px 0 0 #2caf3d,12px 0 0 0 #2caf3d,12px 12px 0 0 #2caf3d}@keyframes rotate{0%{transform:rotateY(0) rotateX(30deg) rotate(30deg)}to{transform:rotateY(1turn) rotateX(30deg) rotate(30deg)}}
/*# sourceMappingURL=main.c357cc46.chunk.css.map */