.App-pages{height:480px;width:480px;-webkit-perspective:960px;perspective:960px;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.App-page{color:#fff;height:100%}.App-page_red{background:#f44336}.App-page_green{background:#4caf50}.App-page_blue{background:#2196f3}.App-page_orange{background:#ff9800}.hold{width:1000px;position:relative;display:block;height:600px;margin:-130px auto auto}.shadow{position:absolute;width:500px;left:50%;top:150px;height:300px;box-shadow:6px 4px 10px 0 rgba(0,0,0,.7)}.page-holder{height:600px;width:1000px;position:absolute;overflow:hidden;cursor:pointer}a.link{text-decoration:none;color:#fff;background:#000;padding:10px 20px;float:right;right:400px;position:relative}.page{height:200%;width:100%;top:-50%;left:0;overflow:hidden;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transform-origin:100% 37.5%;transform-origin:100% 37.5%}.page,.page .back,.page .back-holder,.page>.front{position:absolute;-webkit-transition:left 1s,-webkit-transform 1s;transition:left 1s,-webkit-transform 1s;transition:transform 1s,left 1s;transition:transform 1s,left 1s,-webkit-transform 1s}.page .back,.page .back-holder,.page>.front{height:300px;width:500px;background-size:cover;background-color:#000;color:#fff}.page>.front{top:37.5%;left:50%;-webkit-transform:rotate(30deg) translateX(0);transform:rotate(30deg) translateX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;box-shadow:inset 10px 0 10px -8px #000}.page .back-holder{left:100%;top:0;-webkit-transition:left 1s,-webkit-transform 1s;transition:left 1s,-webkit-transform 1s;transition:left 1s,transform 1s;transition:left 1s,transform 1s,-webkit-transform 1s;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.page .back{left:0;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:top 1s,left 1s;transition:top 1s,left 1s;box-shadow:inset -15px 0 22px -10px #000}.page .back:after{content:" ";position:absolute;height:100%;-webkit-transform:rotate(-.7deg);transform:rotate(-.7deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;width:100%;box-shadow:10px 8px 10px -1px rgba(0,0,0,.8)}.page-holder:hover .page{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:-50%}.page-holder:hover .page>.front{-webkit-transform:rotate(0deg) translateX(100%);transform:rotate(0deg) translateX(100%)}.page-holder:hover .back-holder{left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.page-holder:hover .back{left:-100%}#insta{position:fixed;top:50px;right:80px;height:80px;width:80px;border-radius:51px;overflow:hidden;box-shadow:0 1px 12px -1px}#insta a{display:block}#insta img{width:100%}
/*# sourceMappingURL=main.6b8791dd.chunk.css.map */