@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');


body{
    overflow: hidden;
}

button{
    /* background: inherit; */
    border: 1px solid #000;
    box-shadow:none;
    /* overflow:visible; */
    cursor:pointer;
    padding:7px 14px;
    background-color: rgb(29, 31, 30);
    border-radius: 4px;
    color:#fff;
    box-sizing: border-box;
}



.todo__wrapper{
    /* position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: aqua;
    display: flex;
    align-items: center;
    justify-content: center; */

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fafafa;
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%);
    width: 460px;
    height: 680px;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}

#todolist{
    
    

}
.main__title {
    margin: 15px auto;
}

.main__title h1{
    font-size: 45px;
    font-weight: 700;
}
input{
    padding:7px 14px;
    width:70%;
    border-radius: 4px;
    border: 1px solid #000;
}
.todolist__wrap{margin: 30px auto;}
.todolist__wrap li{font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;

padding:15px 30px; border-bottom: 1px dashed #d4d4d4;}