@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);body{margin:0;padding:0;font-family:sans-serif}*{box-sizing:border-box}body{font-family:"Inconsolata",monospace;font-size:16px}a,a:visited{color:#999}a:active,a:hover{color:#11a0c4}.App{text-align:center}.App-logo{animation:App-logo-bounce 1s linear infinite;height:80px;margin-bottom:10px}.App-header{background-color:#ffdb3d;padding:20px;color:#222}.App-title{font-size:28px}.App-intro{font-size:large}@keyframes App-logo-bounce{0%{transform:translateY(0)}50%{transform:translateY(25px) scaleY(.9)}to{transform:translateY(0)}}.App-recipe{padding-bottom:100px}.btn{font-family:inherit;padding:10px 20px;font-size:20px;border-radius:5px;cursor:pointer;outline:none;border:none}.btn,.btn:hover{transition:all .3s ease-in-out}.btn:hover{box-shadow:0 1px 2px 1px rgba(0,0,0,.2)}.btn-primary{background-color:#11a0c4;color:#fff}.btn-primary:hover{background-color:#357aa5}.card{margin-top:50px}.card-block{text-align:left;margin:auto;width:50%;transition:all .5s ease-in-out}ol li{line-height:1.4}.App-footer{position:fixed;background-color:#222;color:#fff;width:100%;bottom:0;text-align:right;font-size:12px;padding:5px 20px}.example-enter{opacity:.01}.example-enter.example-enter-active{opacity:1;transition:opacity .3s ease-in-out}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:.01;transition:opacity .3s ease-in-out}.form__group{position:relative;padding:15px 0 0;margin:auto;width:50%;max-width:450px}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;padding:7px 0;background:transparent;transition:border-color .2s}.form__field::-webkit-input-placeholder{color:transparent}.form__field:-ms-input-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:-ms-input-placeholder~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#9b9b9b}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#11998e;font-weight:700}.error{color:#f44336}.timer-container{display:flex;flex-flow:row wrap}.timer-button{margin:1rem auto}.btn-timer-start{background-color:#4caf50;color:#fff}.btn-timer-stop{background-color:#f44336;color:#fff}.btn-timer-start:hover{background-color:#357a38}.btn-timer-stop:hover{background-color:#aa2e25}.reset-icon{display:inline-block;height:17px;-webkit-filter:invert(1);filter:invert(1)}.share-container{text-align:center;margin:auto}.share-button-container{display:flex;flex-flow:row wrap}.share-button{margin:auto}@media screen and (min-width:769px){.share-container{max-width:50%}}@media screen and (max-width:768px){.card-block{width:80%}}
/*# sourceMappingURL=main.c1ad49d3.chunk.css.map */