* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'myFont';
    font-size: 35px;
  }

  @font-face {
    font-family: myFont;
    src: url(./assets/BaeFont-Regular.ttf);
}
  :root {
    --ss: 1%;
    --st: 1em;
    --sm: 10vw;
    --sb: 2em;
    --bg: #baca43;
    --sixty: #444a3f;
    --thirty: #8a7541;
    --ten: #56c4c4;
  }
  body {
    background-color: var(--sixty);
  }
  #target {
    margin: var(--ss);
    padding: var(--ss);
  }
  
  .taskItem {
    margin: var(--sb);
    padding: var(--sb);
    border-radius: 92px;
    background: linear-gradient(145deg, #3d4339, #494f43);
    box-shadow: 30px 30px 60px #3a3f36, -30px -30px 60px #4e5548;
  }
  .subInfo {
    color: var(--thirty);
  }
  
  .searchItem {
    margin: var(--sb);
    padding: var(--sb);
    background-color: var(--thirty);
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    border-radius: 92px;
    background: linear-gradient(145deg, #7c693b, #947d46);
  }
  .searchItem .subInfo {
    color: var(--sixty);
  }
  input:checked + label {
    text-decoration: line-through;
  }

  form{
    margin: var(--ss);
  }
  button{
    margin: var(--ss);
    width: max-content;
    padding: var(--st);
    background-color: var(--ten);
  }