.project-container ul,nav ul{list-style:none}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:"Roboto Condensed",sans-serif;font-size:16px}a{color:#05d;text-decoration:none}nav{display:flex;padding:0 16px;box-shadow:0 0 8px rgba(50,50,50,.1);border-bottom:solid 1px rgba(0,0,0,.1);line-height:40px}#preview-container,.home-page{border-bottom:solid 1px #f0f0f0}nav ul{margin:0 0 0 auto;padding:0;text-align:right}nav ul li{display:inline-block}nav a,nav ul li a{display:block;padding:0 16px}nav a:hover,nav ul li a:hover{background:rgba(50,50,50,.1)}nav a.active,nav ul li a.active{background:rgba(120,120,150,.1)}#preview-container{padding:16px;cursor:pointer}#preview-container:hover{background:rgba(150,150,150,.1)}#preview-container.active,.home-page{background:rgba(100,190,190,.1)}#preview-container h3{text-align:center;margin:0}#preview-container .preview-entry{padding-bottom:10px}.home-page{padding:16px;font-size:19.2px}.home-page h2{text-align:center}.home-page section{padding:0 32px}.home-page ul{margin:0}.form-entry{padding:16px 0;border-bottom:solid 1px #ccc;position:relative}.form-entry .close{display:block;position:absolute;font-size:27.65px;width:27.65px;height:27.65px;top:8px;right:8px;text-align:center;line-height:27.65px;vertical-align:middle;cursor:pointer}.form-entry .form-row{display:grid;width:80%;margin:0 auto;grid-template-columns:1fr 3fr 5fr 1fr;grid-template-areas:". left right ." ". . bottom-right .";padding:8px 0;line-height:32px;font-size:16px}.form-entry .form-row .title{grid-area:left}.form-entry .form-row .input-container{grid-area:right}.form-entry .form-row .input-container .input-inner{width:100%;position:relative}.form-entry .form-row .input-container .input-inner .remove-todo{position:absolute;width:32px;height:32px;line-height:32px;vertical-align:middle;text-align:center;right:1px;top:1px;background:#fff;font-size:23.04px;cursor:pointer;color:#555}.form-entry .form-row .input-container .input-inner input,.form-entry .form-row .input-container .input-inner textarea{padding-right:32px}.form-entry .form-row .input-container input,.form-entry .form-row .input-container textarea{font-family:"Roboto Condensed",sans-serif;display:block;width:100%;border:1px solid #ccc;line-height:32px;font-size:16px;padding:0 8px}.form-entry .form-row .input-container textarea{line-height:23.04px;height:100px}.form-entry .form-row .input-container.multiple input{margin-bottom:8px}.form-entry .form-row .add-todo{display:block;grid-area:bottom-right;align-self:left;justify-self:left;background:0 0;border:none;cursor:pointer;color:#05d}.project-container .actions{display:flex;justify-content:space-between;padding:8px 32px}