.pomodoro__reset,.play-button,.change-time{min-width:48px;min-height:48px;background:none;border:none;color:#650110;cursor:pointer}.pomodoro__timer,.pomodoro__play{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#e3324f;width:300px;height:140px;border-bottom:5px solid #c23046;border-top:5px solid #e95b72}@keyframes rotate-reset{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pomodoro__reset__icon{animation:rotate-reset 3s ease-in-out infinite forwards;animation-play-state:paused}.pomodoro__reset__icon:hover{animation-play-state:running}@keyframes animatedBackground{0%{background-position:0 0}100%{background-position:-300px 0}}.pomodoro__play::before{content:'';background-image:url("https://imgbbb.com/images/2019/03/13/lines-pomodoro.png");background-repeat:repeat-x;position:absolute;top:-2px;width:100%;height:20px;background-position:0px 0px;animation:animatedBackground 50s linear infinite;animation-play-state:paused}.pomodoro__play.running::before{animation-play-state:running}*{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#e3324f;font-size:18px;font-family:'Sniglet', cursive}.pomodoro{position:relative;background-color:#f7d7dd;box-shadow:0px 0px 300px 100px #faf2f4;border-radius:20px}.pomodoro::before,.pomodoro::after{content:'';position:absolute;height:0;top:0;left:50%;transform:translateX(-50%)}.pomodoro::before{border-top:5px solid #59b084;border-left:15px solid transparent;border-right:15px solid transparent;width:55px;z-index:1}.pomodoro::after{border-left:35px solid transparent;border-right:35px solid transparent;border-top:25px solid #2f9c65;width:0}.pomodoro__timer::before{content:'';width:30px;height:30px;position:absolute;background-color:#fff;transform:rotate(45deg);border-radius:0 8px;bottom:8px;z-index:-1}.pomodoro__timer::after{content:'';width:35px;height:20px;position:absolute;background-color:#e3324f;bottom:26px;z-index:-1}.pomodoro__reset{position:absolute;left:10px;top:10px}.pomodoro__timer{position:relative;z-index:0;border-radius:20px 20px 0 0;margin-bottom:10px}.timer-label{font-size:2em}.time-left{font-size:1.5em}.pomodoro__play{position:relative;border-radius:0 0 20px 20px}.play-button{padding:10px;transition:all ease-out 0.4s}.play-button:hover{transform:scale(1.2)}.adjust{z-index:0;margin-top:20px;width:290px;color:#650110;text-align:center;font-size:1.5em}.adjust__break,.adjust__session{display:grid;grid-template-columns:4fr 4fr 1fr 1fr;justify-items:center;align-items:center}.adjust__phase-label{justify-self:end}.change-time>i:hover{color:#2f9c65}