*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

h1{
     
     text-emphasis:"🍄";
      font-family: "Montserrat", serif;

}

h2{
      font-family: "JetBrains Mono", serif;

}

body{
    display: flex;
    flex-direction: column;
    gap:24px;
    padding:14px;
    min-height:100vh;
}

form,section{
    display:flex;
    flex-direction:column;
    gap:14px;
    width:100%;
    max-width:800px;
    margin:0 auto;
}

form textarea{
    resize:none;
    width:100%;
    min-height:60px;
    padding:14px;
}

form button{
    padding: 4px;
    cursor: pointer;
}

.todo,.todoContainer{
    display:flex;
    flex-direction:column;
    gap:14px
}

.todo{
    border: 1px solid;
    border-radius: 4px;
    padding:14px;
}

.iconButton{
    background:transparent;
    border:none;
    outline:none;
    cursor:pointer;
    display:grid
    padding:0 8px;
    place-items:center;
    aspect-ratio:1/1;
    border-radius:50%;
    
}

.buttonContainer{
    display:flex;
    gap:6px;
    margin-left:auto;
}

.iconButton: hover{
    background:gray;
}