/**
 * Copyright 2021 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body{
    width: 800px;
    margin: 10px auto;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
}

h1{
    font-weight: 900;
}

.todo h1{
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}

.todo p{
    display: none;
}

.todo input[type=checkbox]{
    display: inline;
}

.complete{
    text-decoration:line-through;
    font-style: italic;
    color: #444;
}

.delete{
    line-height: 0%;
    vertical-align: middle;
    color: #ddd;
    display: inline-block;
    margin-left: 10px;
}

.delete:hover{
    color: #f00;
    cursor: pointer;
}

.editor {
    padding: 5px 10px;
    margin: 5px 10px;
}

.editor-new{
    display: inline-block;
    padding-left: 10px;
    min-width: 100px;
}

.list{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
    font-style: italic;
    color: #444;
}