*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-y:scroll}body{font-size:1.6rem;margin-bottom:60px}#app{max-width:800px;width:100%;margin:auto;padding-bottom:20px}#app,header{text-align:center}header{margin-top:20px}.card{display:inline-block;border:2px solid #000;border-radius:10px;margin:20px;padding:10px}.person{background-color:#7fdbff;color:#001f3f}.rave{background-color:#3d9970;color:#fff}.rant{background-color:#85144b;color:#fff}.favorite-icon{font-size:1.4rem;background-color:#fff;border:thin solid #a9a9a9;color:#a9a9a9;height:35px;width:35px;border-radius:17.5px;margin:10px;padding:0;align:center;cursor:pointer}.favorite .favorite-icon{color:#005e8f;border:2px solid #005e8f}.fake-link{text-decoration:underline;cursor:pointer;color:#0074d9}.form-error{color:red}nav ul{list-style-type:none}nav ul li{display:inline-block}nav ul li a:active,nav ul li a:hover,nav ul li a:link,nav ul li a:visited{text-transform:capitalize;padding:5px;margin:5px;cursor:pointer;color:#0074d9}nav ul li a:hover{background-color:#0074d9;color:#fff;text-decoration:none}nav ul li a.router-link-active:active,nav ul li a.router-link-active:hover,nav ul li a.router-link-active:link,nav ul li a.router-link-active:visited{text-decoration:none;color:#111;background-color:#fff;cursor:inherit}