body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Mahone;src:url(/static/media/MahoneSansBold.cf6508b47ee881b8fc0d.ttf)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.animation-entrance{-webkit-animation:slide-in-bottom 1s forwards;animation:slide-in-bottom 1s forwards}.moove[anim="1"]{animation:slide-out-top 1s forwards,slide-in-bottom .5s .4s forwards;-webkit-animation:slide-out-top 1s forwards,slide-in-bottom .5s .4s forwards}.moove[anim="2"]{animation:slide-out-bottom 1s forwards,slide-in-top .5s .5s forwards;-webkit-animation:slide-out-bottom 1s forwards,slide-in-top .5s .5s forwards}@-webkit-keyframes slide-out-top{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}}@keyframes slide-out-top{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}}@-webkit-keyframes slide-in-bottom{0%{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-out-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}}@keyframes slide-out-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}}@-webkit-keyframes slide-in-top{0%{opacity:1;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:1;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card .back,.card .front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.card .back .img,.card .front .img{border-radius:10px;-webkit-filter:grayscale(70%) brightness(40%);filter:grayscale(70%) brightness(40%);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card .front{background-color:#f57a03}.card .back{background-color:#e15509;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card:hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.card .contents{color:#000;text-align:center;-webkit-transform:translateZ(100px);transform:translateZ(100px)}.card .contents .subtitle:after,.card .contents .title:after{background:#000;content:"";display:block;height:2px;margin:1rem auto;width:30px}@-webkit-keyframes title-anim{0%{opacity:0}to{opacity:1}}@keyframes title-anim{0%{opacity:0}to{opacity:1}}.button{background-color:#99c0ff;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:56px;margin:4px 2px;padding:20px 32px;text-align:center;text-decoration:none}@media screen and (min-width:688px){.card{height:60vh;margin:1rem;max-height:600px;max-width:500px;-webkit-perspective:800px;perspective:800px;position:relative;-webkit-transform:translateY(-40%);transform:translateY(-40%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:60vw;z-index:2}.card .contents .title{-webkit-animation:title-anim 2s forwards;animation:title-anim 2s forwards;font-family:Mahone;font-size:5em}.card .contents .subtitle{font-family:Mahone;font-size:2em;line-height:1em;width:auto}.card .contents .text{font-family:Mahone;font-size:1.5em;line-height:1em}.next-direction{-webkit-transform:translateY(500%) scale(5);transform:translateY(500%) scale(5)}.back-direction,.next-direction{cursor:crosshair;display:inline-block;font-family:Mahone;font-size:50px;line-height:1em;z-index:0}.back-direction{-webkit-transform:scale(5);transform:scale(5)}}@media screen and (max-width:687px){.card{height:60vh;margin:1rem;max-height:600px;max-width:500px;-webkit-perspective:800px;perspective:800px;position:relative;-webkit-transform:translateY(-40%);transform:translateY(-40%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:85vw;z-index:2}.card .contents .title{-webkit-animation:title-anim 2s forwards;animation:title-anim 2s forwards;font-family:Mahone;font-size:2em}.card .contents .subtitle{font-family:Mahone;font-size:1.5em;line-height:1em;width:auto}.card .contents .text{font-family:Mahone;font-size:1em;line-height:1em}.next-direction{-webkit-transform:translateY(400%) scale(3.5);transform:translateY(400%) scale(3.5)}.back-direction,.next-direction{cursor:crosshair;display:inline-block;font-family:Mahone;font-size:10vw;line-height:1em;z-index:0}.back-direction{-webkit-transform:scale(3.5);transform:scale(3.5)}}body{background-color:#fff;display:grid;font-family:Source Sans Pro,sans-serif;justify-content:space-around;min-height:100vh;place-items:center}.start{-webkit-animation:slide-in-blurred-bottom 2s cubic-bezier(.25,.46,.45,.94) forwards;animation:slide-in-blurred-bottom 2s cubic-bezier(.25,.46,.45,.94) forwards;color:#000;font-family:Mahone;font-size:4em;text-decoration:none}@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-filter:blur(40px);filter:blur(40px);opacity:0;-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes slide-in-blurred-bottom{0%{-webkit-filter:blur(40px);filter:blur(40px);opacity:0;-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@-webkit-keyframes slide-in-start{0%{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-start{0%{opacity:1;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}h1{color:#f57a03;font-family:Mahone;font-size:15vw}.tracking-in-expand{-webkit-animation:tracking-in-expand 1.5s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand 1.5s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}
/*# sourceMappingURL=main.d651db77.css.map*/