*{margin:0;padding:0;font-family:sans-serif}html{height:100%;width:100%}body{overflow:hidden;height:100%;width:100%;background-image:url(bg.jpg);background-repeat:no-repeat;background-size:100% 100%}#puzzle{position:absolute;width:auto;height:90%;left:15%;top:50%;transform:translateY(-50%);user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-o-user-select:none}#heart-piece-container::after{content:"";display:block;padding-bottom:100%}#heart-piece-container{display:inline-block;color:#fff;width:60%;position:absolute;left:50%;top:20%;cursor:pointer;z-index:3;transform-origin:bottom;transform:scale(.25)}#heart-piece-container form{display:none;position:absolute;background-color:rgba(0,0,0,.3);height:32%;width:70%;left:16%;top:20%;font-size:12px;z-index:4;border-radius:15%;padding:5%;padding-right:0}#heart-piece-container form #submit-button{position:relative;background-color:#6495ed;margin-top:5%;height:20%;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:none;color:#fff;font-size:14px;width:80%;cursor:pointer;left:50%;transform:translateX(-50%)}#name{height:12%}textarea{height:20%;width:90%;font-size:12px;resize:none;margin-bottom:5%}#heart-piece{position:absolute;top:0;left:0;height:100%;width:auto}#click-me{position:absolute;bottom:100%;left:50%;height:70%;width:auto;display:none}#completed-puzzle{opacity:0;position:absolute;width:auto;height:90%;left:15%;top:50%;transform:translateY(-50%);z-index:1;transition:opacity 1s linear;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-o-user-select:none}#mission-tip{z-index:2;display:none;position:absolute;margin-top:3%;margin-right:10%;font-size:24px;right:0;margin-left:10%}button:focus,textarea:focus{outline:0}button,textarea{border:none;padding:1px}.modal{display:none;position:fixed;z-index:5;padding-top:35%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;text-align:center;font-size:16px}.popout{animation:popout .25s ease forwards;-webkit-animation:popout .25s ease forwards}@keyframes popout{from{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@-webkit-keyframes popout{from{display:unset;transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.center-popout{animation:center-popout .5s ease forwards;-webkit-animation:center-popout .5s ease forwards}@keyframes center-popout{from{transform:scale(1)}70%{transform:scale(1.4)}to{transform:scale(1.2);cursor:unset}}@-webkit-keyframes center-popout{from{transform:scale(1)}70%{transform:scale(1.4)}to{transform:scale(1.2);cursor:unset}}.shrink{animation:center-popin .5s ease;-webkit-animation:center-popin .5s ease}@keyframes center-popin{from{transform:scale(1.2)}30%{transform:scale(1.4)}to{transform:scale(.25)}}@-webkit-keyframes center-popin{from{transform:scale(1.2)}30%{transform:scale(1.4)}to{transform:scale(.25)}}@media screen and (min-width:1125px){#heart-piece-container form{font-size:18px!important}}@media screen and (min-width:1085px){#heart-piece-container{top:-5%}}@media screen and (min-width:940px){.modal-content{font-size:20px!important}}@media screen and (max-width:940px){#puzzle{height:auto;width:70%}#completed-puzzle{height:auto;width:70%}}@media screen and (min-width:840px){.modal-content{font-size:18px}}@media screen and (max-width:805px){#heart-piece-container form{font-size:14px}}@media screen and (max-width:790px){#heart-piece-container form label{font-size:10px}#heart-piece-container form #name{font-size:12px}#heart-piece-container form #submit-button{background-color:#6495ed;margin-top:2%;height:20%;font-size:14px}textarea{font-size:12px;height:10%}}@media screen and (max-width:680px){#heart-piece-container form label{font-size:9px}}@media screen and (max-width:550px){#heart-piece-container form{height:70%;width:85%;margin-left:-10%;margin-top:-10%}#heart-piece-container form #submit-button{font-size:10px}}