@import"https://fonts.googleapis.com/css?family=Open+Sans:300,600";.GithubLogin-login{border:0;height:40px;width:200px;background-color:var(--grey);border-radius:var(--xs);cursor:pointer;font-family:Open Sans,sans-serif;padding:0}.NavBar-container{padding:var(--s) var(--m);background-color:var(--primary)}.NavBar-title{color:var(--white);font-size:20px;vertical-align:middle}.NavBar-linkContainer{margin-left:var(--l)}.NavBar-loginContainer{position:absolute;height:32px}.NavBar-loginLogout{border:0;padding:0;cursor:pointer;font-family:Open Sans,sans-serif;font-weight:300;font-size:var(--m);background-color:transparent}.NavBar-loginBlock{position:absolute;transform-origin:center;visibility:hidden;padding:var(--m);background-color:var(--primary);flex-direction:column;border-radius:var(--s);gap:var(--s);display:flex;transform:translate(-45%,8px);opacity:0}.NavBar-loginContainer:hover .NavBar-loginBlock{visibility:visible;opacity:1;transition:opacity .2s ease-in-out}.NavBar-link,.NavBar-link:visited{color:var(--white);opacity:.6;text-decoration:none;vertical-align:middle}.NavBar-link:hover{opacity:.8}.NavBar-link.NavBar-login{opacity:1;color:#000}.NavBar-link+.NavBar-link{margin-left:var(--m)}.NavBar-link+.NavBar-loginContainer{margin-left:var(--m)}:root{--primary: #396dff;--primary--dim: #6987db;--darkgrey: #d4d4d4;--grey: #f7f7f7;--white: #fff;--xs: 4px;--s: 8px;--m: 16px;--l: 24px;--xl: 32px}body{margin:0;padding:0;font-family:Open Sans,sans-serif;font-weight:300}form{flex-grow:1}.u-flex{display:flex}.u-flex-column{display:flex;flex-direction:column}.u-flex+.u-flex{margin:var(--xs)}.u-flex-justifyCenter{justify-content:center}.u-flex-alignCenter{align-items:center}.u-inlineBlock{display:inline-block}.u-bold{font-weight:600}.u-textCenter{text-align:center}.u-pointer{cursor:pointer}.u-link{color:var(--primary);text-decoration:none;cursor:pointer}.u-link:hover{color:var(--primary--dim)}.App-container{max-width:960px;padding:var(--m) var(--m);margin:auto}.NewPostInput-input,.NewPostInput-button{font-family:Open Sans;font-size:14px;padding:var(--s) var(--m)}.NewPostInput-input{flex-grow:1;border:var(--darkgrey) 1px solid;border-radius:var(--xs) 0 0 var(--xs);transition:box-shadow .1s}.NewPostInput-input:focus-within{border-color:var(--primary--dim);box-shadow:0 0 0 var(--xs) #007bff40}.NewPostInput-button{color:var(--primary);border:var(--primary) 1px solid;border-radius:0 var(--xs) var(--xs) 0;background:none;transition:color .1s,background .1s}.NewPostInput-button:hover{color:var(--white);background-color:var(--primary)}.NewPostInput-userName{margin:auto var(--s)}.NewPostInput-userNameInput{font-family:Open Sans;font-size:12px;padding:var(--xs) var(--m);border:var(--darkgrey) 1px solid;border-radius:var(--xs) 0 0 var(--xs);transition:box-shadow .1s}.Card-container{border:var(--darkgrey) 1px solid;border-radius:var(--xs);margin-top:var(--m)}.Card-container:first-of-type{margin-top:var(--l)}.Card-story,.Card-commentSection{padding:var(--m) var(--l)}.Card-storyUser{font-size:20px;font-weight:600}.Card-storyContent{font-size:40px;margin:var(--s) 0 0}.Card-commentSection{background-color:var(--grey);border-top:1px solid var(--darkgrey)}.Card-commentBody{margin:0 0 var(--s)}.CatHappiness-container{border:var(--darkgrey) 1px solid;border-radius:var(--xs);margin-top:var(--m)}.CatHappiness-container:first-of-type{margin-top:var(--l)}.CatHappiness-story{padding:var(--m) var(--l)}.CatHappiness-storyContent{font-size:40px;margin:var(--s) 0 0}.Profile-avatarContainer{padding:0 35%}.Profile-avatar{max-width:100%;width:100%;height:auto;display:block;padding-top:100%;border-radius:50%;background-position-y:center;background-position-x:center;background-repeat:no-repeat;background-size:cover;margin:0 auto;top:0;left:0;right:0;bottom:0;background-image:url(/catbook/assets/corgi-BdeHG79q.jpg)}.Profile-name{font-size:2.4em;font-weight:300}.Profile-line{border-color:var(--grey)}.Profile-subContainer{flex-grow:1;flex-basis:0}.Profile-subContainer+.Profile-subContainer{margin-left:var(--m)}.Profile-subTitle{font-weight:300;font-size:1.5em;margin:var(--m) var(--s)}
