*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}button{padding:0;border:none;outline:none;background:none;color:inherit;font:inherit}html{box-sizing:border-box;height:100%;font-size:62.5%}body,button{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.7}body{display:flex;align-items:center;height:100%;background-color:#fbf8f5}.container{display:flex;flex:0 0 1170px;flex-wrap:wrap;margin:auto;padding:1.5em;background-color:#fff}@media only screen and (max-width:1200px){.container{flex:0 0 980px}}@media only screen and (max-width:992px){.container{flex:0 0 730px}}@media only screen and (max-width:768px){.container{flex:0 0 650px}}@media only screen and (max-width:650px){.container{flex:1}}.left-column{display:flex;flex:1;align-items:center;text-align:center}@media only screen and (max-width:992px){.left-column{flex:0 0 100%;margin-bottom:2em}}.left-column .left-grid-column{flex:1}.left-column .left-grid-column h1{display:inline-block;position:relative;margin-bottom:.7em;padding:0 .4em;border-bottom:solid 2px #00c141}.left-column .left-grid-column h2{display:inline-block;position:relative;margin-bottom:1.8em;padding:0 .5em;background:linear-gradient(#ffff0080,#ffff0080);background-repeat:no-repeat;background-position:bottom;background-size:auto .6em;font-size:1.4rem}.left-column .left-grid-column .export-button{display:inline-block;padding:.5em 3.5em;transition:.3s;background-color:#00c141;color:#fff;cursor:pointer}.left-column .left-grid-column .export-button:hover{background-color:#008f30}.right-column{flex:0 0 600px}@media only screen and (max-width:992px){.right-column{display:flex;flex:1;justify-content:center}}@media only screen and (max-width:650px){.right-column{flex:0 0 100%;justify-content:flex-start;overflow:auto}}.right-column .right-grid-column{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width:992px){.right-column .right-grid-column{flex:0 0 600px}}.right-column .right-grid-column .col{display:flex;flex:0 0 200px;align-items:center;justify-content:center;height:200px;padding:5px;overflow:hidden;background:#d3d3d3;background-clip:content-box;color:#fff;font-size:2em;text-align:center;cursor:pointer}.right-column .right-grid-column .col.col-hover{border:3px dashed #7e7e7e}.right-column .right-grid-column .col.have-picture{padding:0;border:0;background:transparent}.right-column .right-grid-column .upload-file{display:none}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}