*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto Condensed,sans-serif;text-align:center;width:100%}.App,body{height:100vh}.App{margin:0 auto;padding:20px;width:90%}.heading{align-items:center;display:flex;font-size:2em;height:15vh;justify-content:center;margin:10px auto;padding:15px}.heading h1{margin:5px auto;padding:10px}.form{align-items:center;display:flex;font-size:1.2em;height:10vh;justify-content:center;margin:5px auto;min-width:80%;padding:5px}.form input:nth-of-type(2){width:40px}.form label{padding:10px}.form input{margin:10px}.form button{background-color:#ddd;border:1px solid #ddd;border-radius:5px;margin:10px;padding:5px 10px}.form button:active{background-color:#333}.list{border-top:1px dotted #aaa;margin-top:20px;padding:10px}.activity{margin:10px}.activity button{background-color:#ddd;border:1px solid #ddd;border-radius:10px;padding:6px}.activity button:active{background-color:#333}.activityDetails{list-style-type:none;margin:10px;max-height:0;overflow:hidden;transition:max-height .5s ease-out}.link{color:#444}.link:hover{color:#888}.link:active{color:#aaa}.activityDetails.open{animation:fadeIn .5s ease-in forwards;max-height:500px}.activityDetails.closed{animation:fadeOut .5s ease-in forwards;max-height:0}@keyframes fadeIn{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes fadeOut{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}.activityDetails li{animation:fadeInItem .5s ease-in forwards;opacity:0;position:relative;transform:translateY(-20px)}.activityDetails.closed li{animation:fadeOutItem .5s ease-in forwards;opacity:1;transform:translateY(0)}@keyframes fadeInItem{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutItem{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}button:hover{border:1px solid #444;transition:.5s ease-in-out}@media screen and (max-width:425px){.App{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.heading{font-size:25px;margin-bottom:30px}.form{height:20vh;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.list{margin-top:30px}}@media screen and (min-width:426px) and (max-width:768px){.heading{font-size:20px}}
/*# sourceMappingURL=main.12856448.css.map*/