*{box-sizing:border-box}body{font-family:Lato,sans-serif;color:#4c4c4c;background:-webkit-linear-gradient(bottom,#1b42ff,#82fbff) no-repeat fixed 50%;background:linear-gradient(0deg,#1b42ff,#82fbff) no-repeat fixed 50%}.invitations{width:100%;max-width:900px;margin:2.5em auto;border-radius:.35em;background:#fcfcfc;box-shadow:0 0 26px rgba(0,0,0,.13)}form button,h1{color:#fff}h1{font-family:Courgette,cursive;text-shadow:0 1px 0 rgba(0,0,0,.4);line-height:.65;margin:0}h2{margin-top:0;margin-bottom:.35em}form{width:60%;background:#fff;display:inline-block;overflow:hidden;display:-webkit-flex;display:flex;border-radius:.2em;border:4px solid #fff;box-shadow:0 1px 14px rgba(0,0,0,.12)}form button{padding:0 1em;font-size:1.1em;background:#316dff;border-radius:.2em}.guest-list{list-style:none;padding:0;margin:2em 0 1em;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.guest-list li{padding:1em;background:#fff;border-radius:.2em;border:2px solid #9292ff;position:relative}button{cursor:pointer}button,input{border:none;outline:none}header{text-align:center;background:-webkit-linear-gradient(left,#d4eece,#55b3d0,#1e7eb7),url(/static/media/restaurant.0c39a1e4.jpg) no-repeat;background:linear-gradient(90deg,#d4eece,#55b3d0,#1e7eb7),url(/static/media/restaurant.0c39a1e4.jpg) no-repeat;background-blend-mode:multiply;background-size:cover;border-radius:.35em .35em 0 0}header input{padding:12px;font-size:1.15em;width:100%}li input[type=text],li span{color:#000;font-size:1.3em;margin-bottom:.3em}li input[type=text]{padding:.2em;width:95%;border:1px dotted rgba(0,0,0,.2)}input[type=checkbox]{margin-right:5px}li label{font-size:.9em;color:hsla(0,0%,43.9%,.55);margin-left:25px}li input[type=text]:first-child,li label,li span{display:block}li button{font-size:.8em;margin-top:1.65em;margin-right:.4em;border-radius:.3em;padding:.4em .6em;color:#fff;background:#2254ff}li button:last-child{background:rgba(34,84,255,.5)}.invitees-check{color:#767676}.counter{display:block}.counter tr{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;color:hsla(0,0%,46.3%,.75)}.counter td:first-child{padding-right:10px}.counter td:last-child{font-weight:700;font-size:1.16em;color:#767676}.guest-list input[type=checkbox],.invitees input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark-invitees{top:113px;left:40px}.checkmark-guest,.checkmark-invitees{position:absolute;height:15px;width:15px;border:1px solid #b5b5b5;border-radius:4px;background-color:#eee}.checkmark-guest{top:49px;left:17px}.editing .checkmark-guest{top:58px}.guest-list input[type=checkbox]:checked~.checkmark-guest,.invitees input:checked~.checkmark-invitees{background-color:#2254ff;border:none;border-radius:4px}.checkmark-guest:after,.checkmark-invitees:after{content:"";position:absolute;display:none;left:5px;top:3px;width:2px;height:6px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.guest-list input[type=checkbox]:checked~.checkmark-guest:after,.invitees input:checked~.checkmark-invitees:after{display:block}.pending{border-color:hsla(0,0%,82.4%,.5)}.pending span{color:#d2d2d2}li.responded{border-color:rgba(21,0,255,.9)}.responded label,li.responded{-webkit-transition:.4s;transition:.4s}.responded label{color:#1639ff}footer{text-align:center;padding:15px 0;background:#000a8e;color:#fff;font-size:.75em;border-radius:0 0 .35em .35em}footer a{text-decoration:none;color:#fff}@media (max-width:768px){.invitations{margin:0 auto}header{padding:3.25em 0;height:280px}h1{font-size:3em;margin:.3em 0 0}.invitees-check{margin-left:25px}.checkmark-invitees{top:360px;left:25px}.guest-list li{margin-bottom:1em;width:49%}form{max-width:350px;margin:2.5em auto auto}form input{font-size:1em}.wrapper{margin:0}main{padding:2em 1em .75em}.counter{margin-top:1.65em;padding-top:1.5em;border-top:1px dotted rgba(0,0,0,.15)}.counter tbody{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around}.counter tr{display:inline-block;padding:0 12px 0 0}}@media (min-width:769px){header{height:300px;padding:5em 1em}.invitees label{margin-top:12px;margin-left:30px}h1{font-size:5.8em}h2{font-size:1.95em}form{margin:4.15em auto 0;z-index:3000;position:relative}.wrapper{width:90%}main{padding:3.8em 1.5em .75em;position:relative;z-index:10}.counter{float:right;text-align:right;margin-right:1.25%}.counter td:last-child{padding-left:5px}.invitees{float:left;margin-left:1.25%;margin-bottom:1.5em}.guest-list{display:-webkit-flex;display:flex;clear:both;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:1.25em}.guest-list li{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:47.5%;flex-basis:47.5%;margin:0 1.25% 1em}}@media (min-width:880px){.guest-list li{-webkit-flex-basis:20%;flex-basis:20%}}@media (max-width:415px){body{margin:0;background:#002294}.invitations,header{border-radius:0}header{box-shadow:0 1px 5px 0 #000}.checkmark-invitees{top:351px;left:18px}form{width:75%;-webkit-flex-direction:column;flex-direction:column}form input{text-align:center}form button{padding:12px 0;margin-top:.5em}.counter tbody tr{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}main .guest-list li{width:100%}footer{border-radius:0;background:#002294}}
/*# sourceMappingURL=main.8689735b.chunk.css.map */