@import url(https://fonts.googleapis.com/css?family=Inconsolata);body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{transition:background-color .25s;background-color:#000;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-header.started{background-color:#462c34}.App-header.new-card{background-color:#282c52}.App-header.card-opened{background-color:#284a34}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:sans-serif}.scene{width:200px;height:260px;margin:40px 0;perspective:600px}.card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform 1s}.card.is-flipped{transform:translateX(-100%) rotateY(-180deg)}.card__face{position:absolute;width:100%;height:100%;line-height:260px;color:#fff;text-align:center;font-weight:700;font-size:40px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__face.kans{background:red}.card__face.algemeen-fonds{font-size:16px;background:#00f}.card__face--front{background:green}.card__face--back{font-size:10px;transform:rotateY(180deg)}.card__face--back.kans{background:red}.card__face--back.algemeen-fonds{font-size:16px;background:#00f}.btn{background-color:#fff;color:#000;cursor:pointer;display:inline-block;letter-spacing:.075em;padding:.8em 1em;margin:auto 2em;position:relative;align-self:center;text-transform:uppercase;border:3px solid #00bcdd;border-image:linear-gradient(45deg,#00bcdd,#f0f);border-image-slice:1 1 0 0;z-index:1;box-shadow:-.5em .5em rgba(16,24,50,0);transform-origin:left bottom;transition:all .2s ease-in-out}.btn:after,.btn:before{border:3px solid #00bcdd;content:"";display:block;position:absolute;z-index:-1}.btn:before{border-image-slice:1 1 0 1;left:-.59em;top:.15em;width:.31em;height:100%;transform:skewY(-45deg)}.btn:after{border-image-slice:1 1 1 0;bottom:-.61em;right:.16em;width:100%;height:.31em;transform:skewX(-45deg)}.btn:hover{background-color:#fff;background-size:90%;transform:translate(.5em,-.5em);box-shadow:-1em 1em .15em rgba(16,24,50,.1)}.btn:hover:before{height:calc(100% - .13em);border-image-slice:1}.btn:hover:after{width:calc(100% - .13em);border-image-slice:1}
/*# sourceMappingURL=main.6b878887.chunk.css.map */