@import url(https://fonts.googleapis.com/css2?family=Brawler:wght@400;700&family=Croissant+One&display=swap);body{background:rgba(190,237,248,.29);font-family:Brawler,serif}.App{display:grid;grid-template-areas:"title title tile" "timer control sound " "timer pred play";grid-template-columns:2fr 2fr 2fr;grid-template-rows:2fr,2fr,2fr;height:100 vh}#title{color:#149eec;font-family:Croissant One,cursive;grid-area:title;text-align:end}.hover-button{background:#3748dd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Brawler;font-size:15px;font-style:normal;font-weight:400;margin:2px;padding:8px 14px;transition:background .1s}.hover-button:hover{background:#1dc6fb}#control{align-items:center;display:flex;flex-direction:column;grid-area:control}#clock{background:#d9d9d9;padding:5px}#pred{grid-area:pred}#pred,.radio{align-items:center;display:flex;flex-direction:column}.radio__input{display:none}.radio__label{background:#3748dd;border-radius:10px;color:#fff;cursor:pointer;margin:2px;padding:8px 14px;transition:background .1s}.radio__input:checked+.radio__label{background:#1dc6fb}#sounds{grid-area:sound}#play,#sounds{align-items:center;display:flex;flex-direction:column}#play{grid-area:play}#timer{align-items:center;display:flex;flex-direction:column;grid-area:timer}.intervals-Group{background:#3748dd;border-radius:10px;color:#fff;margin:2px;padding:5px 10px}.interval{width:30px}
/*# sourceMappingURL=main.334c239a.css.map*/