body{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  margin: 0;
  background-color: rgb(254, 192, 159);
}
/*#pomodoro-app{
  display: flex;
  justify-content: center;
}*/
#container{
    display: flex;
    flex-direction: column;
    text-align:center;
    align-items: center;
    justify-content: space-between;
    width: 60vw;
  }
  
  #timer{ 
    background-color: #fff;
    color:#f00; 
    font-family: "Pilowlava";
    font-size:7vw;
    border : 5px solid red;
    border-radius:20px;
    width:45vw;
    height:15vw;
    overflow:hidden;
    position:relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @font-face {
    font-family: "Pilowlava";
    src: url(Pilowlava-Regular.woff2);
  }

  #time{
    z-index : 1;
    position:relative;
  }

h1{
  color:#f00; 
  font-family: "Pilowlava";
}
  button { 
    background:#f00; 
    border:none; 
    color:#fff; 
    cursor:pointer; 
    width:9vw; 
    height: 5vw;
    margin-top: 3vw;
    font-family: 'Nunito', sans-serif;
    font-size:1.2vw;
    border-radius:10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
#buttons{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 44vw;
}