@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');

div{ 
  font-family: "Chewy", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
}
#break-decrement,
#break-increment,
#session-increment,
#session-decrement{
  font-weight: 1000;
  font-size: 50px;
}
#clock{
  margin: 100px 0 0 0;
  border:50px solid orange;
  border-radius: 50px;
  width:700px;
}
#session-controls,#break-controls{
  height:250px;
  padding: 50px 0 0 0 ;
  background-color:orange;
}
#timer{
  height:250px;
  padding: 80px 0 0 0 ;
  background-color:orange;
  background-image:url('data:image/svg+xml,<svg viewBox="10 50 100 80" version="1.1" id="svg1" inkscape:version="1.3 (0e150ed6c4, 2023-07-21)" sodipodi:docname="tomate.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><ellipse style="fill:%23ff0000;stroke-width:0.278396" id="path3" cx="62.051498" cy="98.049377" rx="26.611128" ry="29.46232" /><ellipse style="fill:%23ff0000;stroke-width:0.279548" id="path3-2" cx="36.495319" cy="100.33534" rx="26.611128" ry="29.706572" transform="matrix(1,0,0.12797134,0.99177787,0,0)" /><ellipse style="fill:%23ff0000;stroke-width:0.279548" id="path3-2-9" cx="-88.650192" cy="100.33534" rx="26.611128" ry="29.706572" transform="matrix(-1,0,-0.12797134,0.99177787,0,0)" /><path style="fill:%23008000;stroke-width:0.264583" d="m 62.346214,74.204867 -0.487321,-14.132361 8.122046,0.649765 -5.36055,12.670392 z" id="path4" /></svg>')

}