a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.slideToBottom{-webkit-animation:slideToBottom ease forwards;animation:slideToBottom ease forwards}.slideToTop{-webkit-animation:slideToTop ease forwards;animation:slideToTop ease forwards}.slideToRight{-webkit-animation:slideToRight ease forwards;animation:slideToRight ease forwards}.slideToLeft{-webkit-animation:slideToLeft ease forwards;animation:slideToLeft ease forwards}@-webkit-keyframes slideToBottom{0%{-webkit-transform:translateY(-9.575rem);transform:translateY(-9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideToBottom{0%{-webkit-transform:translateY(-9.575rem);transform:translateY(-9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes slideToTop{0%{-webkit-transform:translateY(9.575rem);transform:translateY(9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideToTop{0%{-webkit-transform:translateY(9.575rem);transform:translateY(9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes slideToRight{0%{-webkit-transform:translateX(9.575rem);transform:translateX(9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideToRight{0%{-webkit-transform:translateX(9.575rem);transform:translateX(9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes slideToLeft{0%{-webkit-transform:translateX(-9.575rem);transform:translateX(-9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideToLeft{0%{-webkit-transform:translateX(-9.575rem);transform:translateX(-9.575rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes zoomInCenter{to{-webkit-transform:scale(1) translate(-50%) rotate(0);transform:scale(1) translate(-50%) rotate(0)}}@keyframes zoomInCenter{to{-webkit-transform:scale(1) translate(-50%) rotate(0);transform:scale(1) translate(-50%) rotate(0)}}.zoomInCenter{-webkit-animation:zoomInCenter 1.5s ease-in-out forwards;animation:zoomInCenter 1.5s ease-in-out forwards}@-webkit-keyframes slideFromTop{to{opacity:1;-webkit-transform:translate(-50%,100%) rotate(-33deg);transform:translate(-50%,100%) rotate(-33deg)}}@keyframes slideFromTop{to{opacity:1;-webkit-transform:translate(-50%,100%) rotate(-33deg);transform:translate(-50%,100%) rotate(-33deg)}}.slideFromTop{-webkit-animation:slideFromTop 2s ease forwards;animation:slideFromTop 2s ease forwards}@-webkit-keyframes slideIn{to{bottom:8%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}@keyframes slideIn{to{bottom:8%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}.slideIn{-webkit-animation:slideIn .6s ease forwards;animation:slideIn .6s ease forwards}@-webkit-keyframes slideOut{0%{opacity:1;bottom:8%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slideOut{0%{opacity:1;bottom:8%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.slideOut{-webkit-animation:slideOut .6s ease forwards;animation:slideOut .6s ease forwards}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem}h1{font-size:4rem;font-weight:500;text-transform:uppercase}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:500;padding:1.5rem;margin:0 3rem;border-radius:3px;cursor:pointer;-webkit-transition:.4s;transition:.4s}.btn-white{color:#f1f1f1;border:3px solid #f1f1f1}.btn-brown,.btn-white:hover{background-color:hsla(0,0%,100%,.609);color:#1a1a1a}.btn-brown{border:3px solid #1a1a1a}.btn-brown:hover{color:#f1f1f1;background-color:rgba(0,0,0,.623);border:3px solid #f1f1f1}.TileContainer{position:absolute;top:23rem;left:50%;flex-shrink:0;font-family:Calistoga,cursive;font-weight:700;font-size:3.5rem;padding:3rem;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),url(/15Puzzle/static/media/frame-2.d33cd9e1.png);background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/15Puzzle/static/media/frame-2.d33cd9e1.png);background-size:cover;box-shadow:inset 0 0 10px 4px rgba(0,0,0,.507);border-radius:7px;width:45rem;height:45rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:scale(.6) translate(-50%) rotate(15deg);transform:scale(.6) translate(-50%) rotate(15deg)}.TileContainer_box{width:100%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(/15Puzzle/static/media/box.812ef049.jpg);background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/15Puzzle/static/media/box.812ef049.jpg);box-shadow:inset 0 0 6px 4px rgba(0,0,0,.5);background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);grid-gap:.3rem;padding:.5rem;border-radius:5px}.Tile,.Tile .item,.TileContainer_box{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.Tile .item{-webkit-filter:brightness(90%);filter:brightness(90%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-animation-duration:.3s;animation-duration:.3s;cursor:pointer}.Tile .item-null{display:none}.Tile .item-1{background-image:url(/15Puzzle/static/media/Layer-2.7fd6c9a7.png)}.Tile .item-1,.Tile .item-3{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-3{background-image:url(/15Puzzle/static/media/Layer-4.fe63e6e2.png)}.Tile .item-5{background-image:url(/15Puzzle/static/media/Layer-6.7080beef.png)}.Tile .item-5,.Tile .item-7{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-7{background-image:url(/15Puzzle/static/media/Layer-8.34be506c.png)}.Tile .item-9{background-image:url(/15Puzzle/static/media/Layer-10.83d46e90.png)}.Tile .item-9,.Tile .item-11{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-11{background-image:url(/15Puzzle/static/media/Layer-12.d483d81c.png)}.Tile .item-13{background-image:url(/15Puzzle/static/media/Layer-14.1346d896.png)}.Tile .item-13,.Tile .item-15{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-15{background-image:url(/15Puzzle/static/media/Layer-16.b131c440.png)}.Tile .item-2{background-image:url(/15Puzzle/static/media/Layer-1.cccbd9a8.png)}.Tile .item-2,.Tile .item-4{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-4{background-image:url(/15Puzzle/static/media/Layer-3.49769007.png)}.Tile .item-6{background-image:url(/15Puzzle/static/media/Layer-5.37c126f7.png)}.Tile .item-6,.Tile .item-8{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-8{background-image:url(/15Puzzle/static/media/Layer-7.b53c4534.png)}.Tile .item-10{background-image:url(/15Puzzle/static/media/Layer-9.fd6f9cd5.png)}.Tile .item-10,.Tile .item-12{background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-12{background-image:url(/15Puzzle/static/media/Layer-11.733a35d1.png)}.Tile .item-14{background-image:url(/15Puzzle/static/media/Layer-13.704ce266.png);background-size:cover;-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile_num{display:inline-block;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.602)),to(rgba(0,0,0,.637))),url(/15Puzzle/static/media/num.778f4716.jpg);background-image:linear-gradient(rgba(0,0,0,.602),rgba(0,0,0,.637)),url(/15Puzzle/static/media/num.778f4716.jpg);-webkit-background-clip:text;color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.Welcome{color:#f1f1f1;position:relative;position:absolute;height:100vh;width:100vw;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:center}.Welcome_title{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.Welcome_instructions,.Welcome_title{display:flex;justify-content:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Welcome_instructions{opacity:0;text-align:justify;line-height:3rem;font-size:1.6rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(0,0,0,.5);border-radius:5px;width:60rem}.Welcome_instructions p{display:inline-block;margin:5rem}.GameInit{font-family:Handlee,cursive;font-size:3.5rem;letter-spacing:1px;font-weight:700;opacity:0;position:absolute;top:13rem;left:25rem;cursor:pointer;color:#c9ba8f;text-shadow:0 0 8px rgba(0,0,0,.568);display:flex;justify-content:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-80%,-40%) rotate(-36deg);transform:translate(-80%,-40%) rotate(-36deg)}.GameInit_btn{margin:1rem 0}.WinPage{opacity:0;font-family:Handlee,cursive;position:absolute;top:0;left:50%;width:100vw;height:100vh;z-index:9999;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transform:translateX(-50%) scale(.5);transform:translateX(-50%) scale(.5);-webkit-animation:winAnimation 1.5s ease forwards;animation:winAnimation 1.5s ease forwards}.WinPage_title{font-size:7rem;font-weight:500;word-spacing:.5rem;color:#f1f1f1;margin-bottom:8rem;text-align:center}.WinPage_image{position:relative}.WinPage_image img{width:auto;height:60vh}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;font-size:5rem;color:#fc6}@-webkit-keyframes winAnimation{to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@keyframes winAnimation{to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}.App{position:relative;height:100vh;width:100vw;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),url(/15Puzzle/static/media/bg.cb64df97.jpg);background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/15Puzzle/static/media/bg.cb64df97.jpg);background-size:cover;background-position:0 0;overflow:hidden}@media only screen and (max-width:1700px){html{font-size:55%}}@media only screen and (max-width:1460px){html{font-size:48%}.GameInit{top:8rem;left:20rem}}@media only screen and (max-width:1125px){.GameInit{font-size:3rem;top:8rem;left:20rem}}@media only screen and (max-width:830px){*{cursor:default}.TileContainer{top:28rem}.TileContainer .item{cursor:default}.Welcome_instructions{font-size:14px;width:100vw;line-height:18px}.Welcome_instructions p{display:inline-block;margin:10px}}@media only screen and (max-width:480px){*{cursor:default}.GameInit{font-size:20px;top:6rem;left:16rem}.TileContainer{top:22rem}.TileContainer .item{cursor:default}.Welcome_instructions{font-size:14px;width:100vw;line-height:17px}.Welcome_instructions p{margin:10px}}@media only screen and (max-width:375px){*{cursor:default}html{font-size:35%}.btn{width:auto;font-size:15px;padding:10px;margin:0 20px}.GameInit{font-size:3rem;top:8rem;left:18rem}.TileContainer{top:30vh}.TileContainer .item{cursor:default}.WinPage_title{font-size:5rem;font-weight:500;word-spacing:.5rem;margin-bottom:5rem;text-align:center}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;font-size:3rem}}@media only screen and (max-height:500px) and (max-width:375px){*{cursor:default}html{font-size:35%}.btn{width:auto;font-size:15px;padding:10px;margin:0 20px}.GameInit{font-size:2.3rem;top:7rem;left:16rem}.TileContainer{top:25rem}.TileContainer .item{cursor:default}.WinPage_title{font-size:5rem;font-weight:500;word-spacing:.5rem;margin-bottom:5rem;text-align:center}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;font-size:3rem}}
/*# sourceMappingURL=main.158d0816.chunk.css.map */