body,html{font-family:Roboto,Helvetica,sans-serif}a{text-decoration:underline;color:#039BE5}.mdl-card__supporting-text{width:100%}.mdl-menu a{text-decoration:none}.content{max-width:1024px}.mdl-card{display:block}h3{background:url(/faaec192cd53c2bd1043853c8e06bb9c9c64afc9/firebase-logo.png) no-repeat;background-size:40px;padding-left:50px;background-position-y:-2px}.mdl-textfield{width:100%}.mdl-layout__container .mdl-layout--fixed-header .mdl-layout__content{overflow-y:visible;overflow-x:visible;overflow:visible}.header .mdl-textfield__label:after,.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{background-color:#FFCA28}.mdl-snackbar__action{color:#FFCA28}.mdl-textfield__label:after{background-color:#0288D1}.mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#0288D1}.logo{font-family:Amaranth,sans-serif}.logo .material-icons{top:4px;font-size:32px;margin-right:-2px;position:relative}.header .mdl-layout__header-row{max-width:1024px;width:100%;height:auto;padding:10px 20px;margin:auto;position:relative}@media screen and (max-width:840px){.header .mdl-layout__header-row.titlebar{height:56px}.titlebar h3{font-size:24px}.titlebar h3 .material-icons{top:2.5px;font-size:23px}}@media screen and (max-width:479px){.mdl-grid{padding:0}.mdl-card{font-size:12px}}h4.mdl-card__title-text{font-size:19px}.avatar{height:32px;width:32px;display:inline-block;background-size:32px 32px;border-radius:32px;border:2px #fff solid;margin-right:10px;background-image:url(/274d5f5e1fcf193c99a167458a69dfd53273d4ea/silhouette.jpg)}.username{display:inline-block;line-height:38px;vertical-align:top;width:calc(100% - 46px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}#sign-in-button{margin-left:10px;color:inherit}.mdl-button .material-icons{margin-top:-2px}.mdl-button.mdl-button--fab .material-icons,.mdl-button.mdl-button--icon .material-icons{margin-top:0}.header .mdl-tab{padding-left:23px;box-sizing:border-box;width:100%;height:100%;overflow:visible;position:relative;margin:auto;max-width:1024px}@media screen and (max-width:609px){.header .mdl-tab{width:auto}}.header .tab{padding:0;max-width:none}#add{position:absolute;right:80px;top:18px;z-index:998}@media screen and (max-width:840px){#add{position:fixed;bottom:70px;right:10px;z-index:998;top:auto}}#logout{position:absolute;right:20px;top:18px;z-index:998}@media screen and (max-width:840px){#logout{position:fixed;bottom:10px;right:10px;z-index:998;top:auto}}.mdl-layout__drawer-button{display:none}.is-active .mdl-menu__item,.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active{color:#000;background-color:#EBEBEB}.mdl-layout__drawer{border-right-width:0}.mdl-menu__item .material-icons,.mdl-navigation__link .material-icons{position:relative;margin-top:-2px;margin-right:10px}.mdl-menu__item .material-icons{top:7px}@media screen and (max-width:479px){.mdl-layout__drawer-button{display:block;top:3px}}#page-add{display:block;text-align:center}#page-add .mdl-cell{width:auto;min-width:300px}#newPictureContainer{margin:0;max-width:100%;max-height:400px}@media screen and (max-width:479px){.mdl-snackbar__action{margin-right:60px}}.comments-container .username{width:auto}.comments-container .comment{display:inline-block;vertical-align:top;padding-left:10px;color:grey;line-height:25px}.comments-container .username{line-height:25px}.post .mdl-card{height:100%;top:0;left:0;min-height:0}.post .header{padding:10px;width:calc(100% - 100px);display:inline-block}.post .star-count{color:#444;padding:0 10px 0 5px;font-weight:700;display:inline-block;top:-10px;position:relative}.post .comments-container{padding:15px 10px 0 10px}.post .text{padding:0 10px;color:grey}.post .comments-container .text{margin-left:5px;color:#444;transition:all .2s}.post .add-comment{flex-grow:1;padding:0 10px;margin-bottom:-10px}.post .add-comment.mdl-textfield{width:100%}.post .star{position:absolute;top:10px;right:0}.post .star .material-icons{font-size:35px;color:#ffcb0c;cursor:pointer}.post .star .material-icons:HOVER{opacity:.6}.post .star .starred{display:none}#page-splash{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0288D1;background:radial-gradient(circle,#039BE5,#01579b);z-index:10000;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}