index.css

.form,
.greetings {
    display: none;
}

.showing {
    display: block;
    font-family:"THE선인장";
    font-size: 30px;
    
}

body {
    color : #34495e;
    background-color: #2c3e50;
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

.bgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: fadeIn 1s linear;
  }

li {
  font-size: 18px;
  font-family:"THE선인장";
  list-style: none;
  color:black;
}

li button {
  background-color: transparent;
  font-family:"THE선인장";
  margin: 10px;
}

.js-clock {
    font-family: fantasy;
    font-size: 50px;
    color:black;

}

.content  {
  text-align: center;
  padding-top: 50px;
}

.js-toDoForm input{
  font-family: "THE선인장"
}

.js-form input {
  font-family: "THE선인장"
}