html {
	 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
}
 body {
	 background: #3a3a4d;
	 padding: 25px;
}
.tile {
	 box-sizing: border-box;
}
 h1 {
	 color: #efefef;
	 font-weight: normal;
	 font-weight: 300;
	 margin-bottom: 30px;
}
 h1 a {
	 color: #efefef;
	 border-bottom: 2px solid #efefef;
	 text-decoration: none;
	 padding-bottom: 3px;
}
 h1 a:hover {
	 color: yellowgreen;
	 border-color: yellowgreen;
}
 #add {
	 padding: 12px 30px;
	 box-shadow: none;
	 border: none;
	 color: #efefef;
	 cursor: pointer;
	 background-color: rgba(0, 0, 0, 0.3);
}
 #add:hover {
	 background-color: rgba(0, 0, 0, 0.35);
	 color: yellowgreen;
}
 #add:focus {
	 outline: none;
}
 .list {
	 background-color: rgba(0, 0, 0, 0.2);
	 width: 250px;
	 width: 90%;
	 width: 0;
	 position: relative;
	 display: block;
}
 .tile {
	 display: block;
	 position: absolute;
	 background-color: yellowgreen;
	 color: #3a3a4d;
	 padding: 5px;
	 font-weight: bold;
}
 .layout {
	 color: #efefef;
	 margin-bottom: 15px;
}
 .layout label {
	 margin-right: 15px;
	 cursor: pointer;
}
 .layout label:hover {
	 color: yellowgreen;
}
 .layout input {
	 margin-right: 3px;
}
.redCancelButton {
    cursor:pointer;
}