.doneitem{
    text-decoration: line-through;
    color: red;
    font-size: 24px;
    font-weight: bold;
}
.todoitem{
    color: white;
    font-size: 20px;
}
.allthings {
    overflow: hidden;
}
.todobox{
    float: left;
    border:20px solid transparent;
    padding: 15px;
    border-image: url('../project2/images/meowsquare.png') round;
    border-image-slice: 72;
    width: 44%;
    padding-bottom: 5px;
    overflow-wrap: break-word;
    background-color: purple;
}
.donebox{
    width: 50%;
    float: left;
    border: 20px solid transparent;
    border-image: url('../project2/images/CVB.png') round;
    border-image-slice: 25;
    padding-bottom: 7px;
    overflow-wrap: break-word;
    background-color: grey;
}
body {
    color: white;
    background-color: grey;
    background-image: url('../project2/images/nya.gif')
}
#c_button1 {
    position: absolute;
    left: 22.5%;
    transition-duration: 0.4s;
}
.clears:hover {
    background-color: red;
    color: white;
}

#c_button2 {
    position: absolute;
    right: 25%;
    transform: translateY(-70%);
}
#save_button{
    margin-left: 42%;
}
#bg{
    visibility: hidden;
    position: fixed;
    top: -50%;
    left: -50%;
    min-width: 200%;
    min-height: 200%;
}
.bg_pic{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}