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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-light:#070707;--primary:#000;--primary-dark:#000;--white:#fff;--greyLight-1:#b5bbc4;--greyLight-2:#797d89;--greyLight-3:#5e6370;--greyDark:#3a3f4a}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@-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)}}.btn{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:.3rem .3rem .6rem #797d89,-.2rem -.2rem .5rem #fff;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);color:#000;cursor:pointer;display:flex;height:4rem;justify-content:center;justify-self:center;margin:10px;text-decoration:none;transition:.3s ease;width:15rem;&:hover{background-color:#000;color:#fff}&__primary{background:#000;background:var(--primary);box-shadow:inset .2rem .2rem 1rem #070707,inset -.2rem -.2rem 1rem #000,.3rem .3rem .6rem #797d89,-.2rem -.2rem .5rem #fff;box-shadow:inset .2rem .2rem 1rem var(--primary-light),inset -.2rem -.2rem 1rem var(--primary-dark),.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);color:#b5bbc4;color:var(--greyLight-1);grid-column:1/2;grid-row:4/5;&:hover{color:#fff;color:var(--white)}&:active{box-shadow:inset .2rem .2rem 1rem #000,inset -.2rem -.2rem 1rem #070707;box-shadow:inset .2rem .2rem 1rem var(--primary-dark),inset -.2rem -.2rem 1rem var(--primary-light)}}&__secondary{color:#3a3f4a;color:var(--greyDark);grid-column:1/2;grid-row:5/6;&:hover{color:#000;color:var(--primary)}&:active{box-shadow:inset .2rem .2rem .5rem #797d89,inset -.2rem -.2rem .5rem #fff;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}}p{font-size:1.6rem}}@media screen and (max-width:768px){.btn{width:50%}}
/*# sourceMappingURL=main.f11a8a61.css.map*/