* {
  margin: 0;
  padding: 0;
  font-family: 'Albert sans',sans-serif;
  text-decoration: none; 
}

.content{
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
h1{
  font-size: 100px;
  font-weight: 900;
}

.counter{
  width: 100%;
  height: 300px;
  margin-top: 20px;

  border: 2px solid black;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.counter p{
  font-size: 120px;
  font-weight: 600;
  padding: 70px;
}
.buttons{
  width: 100%;
  height: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.fun-btn{
  width: 150px;
  cursor: pointer;

  background-color: #fff;
  border: 1px solid #a7a7a7;
  font-weight: 600;
}
.fun-btn:active{
  background-color: #ddddddc4;
}
#reset-btn img{
  width: 20px;
}