.navbar nav{padding:0 20px}.logout{float:right;margin-top:20px}.btn-large a:hover{color:#e91e63;text-decoration:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.index{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;margin-top:60px}.add-task{margin-top:60px;padding:20px;max-width:500px}.add-task h2{font-size:2em;margin:20px auto}.add-task .field{margin:20px auto;position:relative}.add-task .delete{position:absolute;right:0;bottom:16px;color:#aaa;font-size:1.4em;cursor:pointer}.edit-smoothie{margin-top:60px;padding:20px;max-width:500px}.edit-smoothie h2{font-size:2em;margin:20px auto}.edit-smoothie .field{margin:20px auto;position:relative}.edit-smoothie .delete{position:absolute;right:0;bottom:16px;color:#aaa;font-size:1.4em;cursor:pointer}.indexOne{display:grid;grid-template-columns:1fr;grid-gap:30px;margin-top:60px}.index h2{font-size:1.8em;text-align:center;margin-top:0}.index .ingredients{margin:30px auto}.index .ingredients li{display:inline-block}.index .delete{position:absolute;top:4px;right:4px;cursor:pointer;color:#aaa;font-size:1.4em}.signup{max-width:400px;margin-top:60px}.signup h2{font-size:2.4em}.signup .field{margin-bottom:16px}.login{max-width:400px;margin-top:60px}.login h2{font-size:2.4em}.login .field{margin-bottom:16px}.social-button{width:75px;background:#fff;padding:10px;border-radius:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);outline:0;border:0}.social-button:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.social-button img{width:100%}button:focus{outline:none;background-color:#c9c9c9!important}