body{margin:0;padding: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}.top-bar{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;background-color:#f08080}.top-bar>span{font-size:30px;font-weight:700}.top-bar>div,.top-bar span{padding:20px}.activities-container{display:flex;align-items:center;flex-direction:column;padding:5px}.activities-container>button{padding:5px;margin:10px}.activities-grid{display:grid;grid-template-columns:repeat(4,auto);grid-column-gap:10px;grid-row-gap:10px}@media (max-width:500px){.activities-grid{grid-template-columns:repeat(3,auto) 0}.activities-grid>div:nth-child(4n){visibility:hidden}}.activities-grid>div{display:flex;justify-content:center;padding:10px}.add-activity-form{display:grid;grid-column-gap:10px;grid-row-gap:20px;justify-items:center;grid-template-columns:1fr 1fr}.add-activity-form>label,input{grid-column:1/span 2}.modal{position:fixed;top:0;left:0;z-index:10;background-color:#fff;display:flex;justify-content:center;align-items:center;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}.modal-children{-webkit-transition:visibility .5s;transition:visibility .5s}.content{display:flex;justify-content:center}
/*# sourceMappingURL=main.c9a1b908.chunk.css.map */