@import url(https://fonts.googleapis.com/css?family=Pacifico|Open+Sans:300);@font-face{src:url("assets/SentyPea.ttf");font-family:"Pea"}*{margin:0;font-family:Open Sans,Arial,sans-serif}p{text-align:center;font-size:1.5em}@media screen and (max-width: 520px){p{font-size:1.1em}}html,body{height:100%;background-color:#f7f6de;color:#530c0c;box-sizing:border-box}body{position:relative}h1{display:block;margin:0 auto;text-align:center;font-family:'Pacifico', 'Pea', sans-serif;font-size:4em}@media screen and (max-width: 520px){h1{font-size:2.5em}}a{text-decoration:none}header{display:flex;justify-content:center;text-align:center;margin:0 auto;text-transform:uppercase;padding:20px}@media screen and (max-width: 520px){header{padding:10px}}header p{margin-top:30px}header .session{font-size:.8em;display:flex}header .session .breakControl,header .session .sessionControl{display:inline;padding-left:30px;padding-right:30px}@media screen and (max-width: 520px){header .session .breakControl,header .session .sessionControl{padding-left:20px;padding-right:20px}}header .session .minus,header .session .plus{background-color:transparent;border:none;cursor:pointer;font-size:2em;outline:none;color:#8f0e0e}@media screen and (max-width: 520px){header .session .minus,header .session .plus{font-size:1.7em}}header .session .time{font-size:2.5em;padding-left:10px;padding-right:10px}@media screen and (max-width: 520px){header .session .time{font-size:1.7em;padding-left:2.5px;padding-right:2.5px}}section p{margin-top:30px}@media screen and (max-width: 520px){section p{margin-top:20px}}section .title{text-align:center;line-height:120px;font-size:.8em}section .timer{margin:0 auto;text-align:center;width:350px;height:350px;font-size:3em;border:2px solid #8f0e0e;border-radius:50%;cursor:pointer;position:relative;z-index:20;overflow:hidden}section .timer:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;z-index:2;border:4px solid #8f0e0e}@media screen and (max-width: 520px){section .timer{width:280px;height:280px;font-size:2em}}section .fill{content:'';position:absolute;background:#9c0;bottom:0;right:0;left:0;z-index:-1}.menu{position:fixed;right:0;bottom:1em;left:0}@media screen and (max-width: 520px){.menu{position:relative}}.menu button{border:none;border-radius:5px;background:#fa7e0a;color:#f7f6de;padding:.5em .9em .5em;cursor:pointer;font-size:.9em;margin-left:1em}@media screen and (max-width: 520px){.menu button{font-size:.7em;margin-left:.7em}}.menu .language-buttons{float:left}.menu .info{float:right;padding:0 3em 0}@media screen and (max-width: 520px){.menu .info{display:none}}.menu .info a{color:#fa7e0a;font-weight:bold;border:2px solid #fa7e0a;padding:.5em .9em .5em;cursor:pointer;border-radius:5px;font-size:.9em}.menu .hints{display:inline-block;position:relative;margin-left:.5em}.menu .hints:hover:after{content:attr(title);background:#530c0c;color:#fff;border-radius:5px;padding:5px 15px;position:absolute;bottom:26px;left:-55%;z-index:98;width:220px}.menu .hints:hover:before{border:solid;border-color:#530c0c transparent;border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:99}.header{margin-top:3.5em}.header p{line-height:1.65}@media screen and (max-width: 520px){.header{margin-top:1.5em}}.cute-round-clock{padding-bottom:3em}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}