@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
body { font-family: 'Source Sans Pro', sans-serif; }
.todo-component {
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
header{
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: center;
}
header h1 {
padding: 5px;
font-size: 50px;
}
ul.todo-list {
list-style: none;
}
.todo .view {
display: flex;
flex-direction: row;
align-items: center;
align-content: space-between;
}
.view input {
margin: 10px;
padding: 5px;
border: none;
border-bottom: 1px dashed gray;
font-size: 22px;
}
.view .button {
background: rgb(249, 249, 249) linear-gradient(rgb(249, 249, 249) 5%, rgb(233, 233, 233) 100%) repeat scroll 0% 0%;
border: 1px solid rgb(220, 220, 220);
display: block; cursor: pointer;
color: rgb(102, 102, 102);
font-family: Arial;
font-size: 12px;
font-weight: bold;
padding: 6px 12px;
text-decoration: none;
}
.view .button:hover {
border: 1px solid lightsalmon;
}
input.userinput {
font-family: 'Ubuntu', sans-serif;
display: block;
margin: 10px;
padding: 5px;
border: none;
border-bottom: 1px dashed gray;
font-size: 22px;
}
input:focus {
outline: 0;
}