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{width:100vw;height:100vh;font-family:"Teko",sans-serif;align-items:center;display:flex;flex-direction:column;justify-self:center;background:#e8e8e8;overflow:hidden}.App,.darkBody{transition:background-color 1s linear}.darkBody{background:#000}.card{position:relative;display:flex;align-items:center;justify-content:center;margin:auto;width:50vw;height:50vh;-webkit-perspective:50vw;perspective:50vw;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:slidein;animation-name:slidein}.front:after{content:"";width:0;height:0;position:absolute;right:0;top:0;border-color:transparent red transparent transparent;border-style:solid;border-width:0 130px 130px 0}.content{position:relative;width:100%;height:100%;box-shadow:0 0 15px rgba(0,0,0,.1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card:hover .content,.content{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.card:hover .content{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.front{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;width:50vw;text-align:center;font-size:3rem;border-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.front:not(.darkModeFront){background:#000;color:#e8e8e8}.darkModeFront{background:#e8e8e8;color:#000}.front p{margin:0}.front p:last-child{font-size:1rem}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back:not(.darkModeBack){background:#e8e8e8;color:#000}.darkModeBack{background:#000;color:#fff;box-shadow:0 0 11px 4px hsla(0,0%,100%,.79)}@-webkit-keyframes slidein{0%{margin-left:100vw}to{margin-left:25vw}}@keyframes slidein{0%{margin-left:100vw}to{margin-left:25vw}}.headerWrapper{width:100%;display:flex;justify-content:space-evenly;padding:1em;background-color:#000;align-items:center}.darkModeHeader,.headerWrapper{transition:background-color 1s linear}.darkModeHeader{background-color:#e8e8e8}.headerSection{cursor:pointer;color:#e8e8e8}.darkModeHeaderSection{color:#000}.headerSection:not(:last-child):after{display:block;content:"";border-bottom:3px solid #e8e8e8;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;-webkit-transform-origin:0 50%;transform-origin:0 50%}.headerSection:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.darkModeHeaderSection:not(:last-child):after{border-bottom:3px solid #000}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border:1px solid grey}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:25px;width:25px;left:4px;top:1px;background-color:#e8e8e8}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #000}input:checked+.slider:before{-webkit-transform:translateX(25px);transform:translateX(25px);background-color:red}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
/*# sourceMappingURL=main.617ed5ce.chunk.css.map */