#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}nav{display:flex;justify-content:space-evenly;align-items:center;background-color:#f1f1f1;padding:20px}nav a{text-decoration:none;color:#000;font-size:1.2rem;font-weight:350;font-family:Work Sans,sans-serif;border:.1px solid #ada9a9;padding:10px;border-radius:15px}.route-buttons{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#e1dddd;padding:20px;border-bottom:.1px solid #e4e0e0}nav a:hover{color:#fff;background-color:#2b2a2a;transition:all .3s ease}.signout{cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:20px}.signout:hover{background-color:grey;color:#fff;transition:all .3s ease}@media screen and (max-width:768px){nav{flex-direction:column;position:absolute}.signout,nav a{margin:5px;padding:7px}}