body{box-sizing:border-box;height:100vh;margin:0;padding:1rem}#root{display:grid;height:95%;place-items:center}@media screen and (min-width:768px){.App{height:85%;width:35%}.buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}button:nth-child(7){grid-column:span 3}button{width:8rem!important}}.App{border-radius:1rem;box-shadow:0 .75rem 2.625rem 0 rgba(40,39,48,.522);padding:1rem}.App,h1{text-align:center}h1{font-size:1rem;font-weight:400;width:62%}.sub-heading{display:grid;margin:.7rem .5rem;place-items:center}img{max-width:100%;padding-top:2.7rem;vertical-align:top;width:55%}.buttons{grid-gap:1rem;display:grid;gap:1rem;place-items:center}button{background:transparent;border:1px solid #000;border-radius:.4rem;height:2.5rem;width:12rem}button:hover{-webkit-animation:button_hover .3s forwards;animation:button_hover .3s forwards;color:#fff;cursor:pointer}@-webkit-keyframes button_hover{to{box-shadow:inset 0 40px 0 1px #000}}@keyframes button_hover{to{box-shadow:inset 0 40px 0 1px #000}}.logo{display:flex;gap:20px;justify-content:center;margin:2.5rem;max-width:100%}.iconify{border:1px solid #000;border-radius:1rem;padding:5px}.iconify:hover{-webkit-animation:button_hover .3s forwards;animation:button_hover .3s forwards;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.0e48282d.css.map*/