/* manifest scss file that partials are imported into */
/* line 3, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_typography.scss */
h1 {
  background: rgba(128, 128, 128, 0.8);
  color: white;
  margin: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
}

/* line 12, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_typography.scss */
.fa-plus-circle {
  float: right;
}

/* line 9, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
body {
  font-family: 'Roboto', sans-serif;
  background: #04ae72;
  background-color: gray;
  background-image: url(../_img/tunnel-light.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  max-width: 100%;
  height: auto;
  width: auto;
  max-height: 100%;
  z-index: 1;
  overflow-y: auto;
}

/* line 32, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 20% auto;
  grid-template-areas: "header header header" "toDo middle beDone";
  justify-items: center;
}

/* line 41, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.toDo {
  grid-area: toDo;
}

/* line 44, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.middle {
  grid-area: middle;
  background-color: rgba(128, 128, 128, 0);
}

/* line 48, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.beDone {
  grid-area: beDone;
}

/* line 53, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 58, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
li {
  background: rgba(128, 128, 128, 0.3);
  height: 40px;
  line-height: 40px;
  color: white;
}

/* line 66, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
li:nth-child(2n) {
  background: rgba(128, 128, 128, 0.6);
}

/* line 70, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
span {
  background: #e743c3;
  height: 40px;
  margin-right: 20px;
  text-align: center;
  color: white;
  width: 0;
  display: inline-block;
  transition: 0.6s linear;
  opacity: 0;
}

/* line 81, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
li:hover span {
  width: 40px;
  opacity: 1.0;
}

/* line 85, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
input {
  font-size: 18px;
  color: #2980b9;
  font-style: italic;
  background: rgba(128, 128, 128, 0.6);
  width: 100%;
  padding: 13px 13px 13px 20px;
  box-sizing: border-box;
  border: 3px solid transparent;
}

/* line 96, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
input:focus {
  border: 3px solid #2980b9;
  outline: none;
}

/* line 101, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.container .toDo,
.container .beDone {
  width: 100%;
  margin: 100px auto;
  background: rgba(128, 128, 128, 0);
}

/* line 108, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.container .middle {
  width: 100%;
  margin: 100px auto;
  background: rgba(128, 128, 128, 0);
}

/* line 114, /Users/barbarataylor/Dropbox/0-WEB/1-PORTFOLIO_Web/_DEV/fidlnfree/web/WebApps/ToDoList_plus/_css/scss/_base.scss */
.completed {
  color: gray;
  text-decoration: line-through;
}

/*# sourceMappingURL=../style.map */