@import url(https://fonts.googleapis.com/css2?family=Courgette&family=Prata&display=swap);#logoutBtn[data-v-0b4af72b]{margin-top:5px}#inApp[data-v-6356fb5c]{display:grid}h1[data-v-6356fb5c]{font-size:33px;font-family:Courgette,cursive}div[data-v-6356fb5c]{align-self:start}*{padding:0;margin:0}#logo{width:35px}#titleContainer{display:grid;grid-template-columns:.75fr .1fr;-moz-column-gap:15px;column-gap:15px;margin-top:5vh;place-self:center}.pageContainer{display:grid;place-items:center;width:90vw;margin-top:15px;margin-bottom:20px}button{border-radius:4px;height:30px;padding:5px 10px;background:#a7b18e;color:#30321c;box-shadow:0 1px 2px 1px #30321c6f;font-weight:700}button,input,textarea{border:2px solid #30321c}input,textarea{background:#f5f1e3;width:200px;display:grid;font-family:Prata,serif;border-radius:4px;max-height:200px}textarea{resize:vertical;height:50px}.tweetCommentsContainer{background:#f1e9c8;border-radius:5px;place-self:center;width:95%;display:grid;row-gap:10px;margin-bottom:10px}#logoutBtn:active{border-bottom:1px 35a5d346f solid;box-shadow:none}#btnContain{display:grid;grid-auto-flow:column;width:45%;place-self:end;-moz-column-gap:5px;column-gap:5px}.actionIcon{width:20px}.navIcon{width:30px}.content{font-size:15px;margin-bottom:5px}.createdAt{font-size:10px}.username{color:#30331c;text-decoration:none}.username:hover{color:#909929}.content,.createdAt,.username{overflow-wrap:anywhere;justify-self:start}.profileContents{display:grid;row-gap:3px;text-align:center}.bio{font-style:italic}.navUserProf{text-decoration:none;color:#909929;font-weight:500;font-size:14px}#nav{width:100%}#nav,#navIconsContainer{display:grid;place-items:center}#navIconsContainer{grid-template-columns:1fr 1fr 1fr 1fr;width:50%;margin-top:10px}#app{color:#30321c;font-size:14px;width:90%;display:grid;place-items:center;height:100vh}.tweetCard{overflow-wrap:break-word;display:grid;padding:10px;width:70vw;height:auto;background:#cbddbb;border-radius:4px;box-shadow:0 2px 2px 0;text-align:start}html{width:100vw}body,html{height:100vh;display:grid;place-items:center}body{width:100vw;text-align:center;background:#efffc8;color:#30321c;font-family:Prata,serif}.tweetActionsContainer{margin-top:5px;width:100%;-moz-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:2fr 1fr}.likesContainer{display:grid;width:40%;margin-bottom:3px;grid-template-columns:1.5fr 5fr;justify-items:start}.otherUserTweetActions{margin-top:5px}.tweetCardContainer{display:grid;row-gap:10px;margin-top:10px}.editContainer,.postContainer{margin-top:10px;display:grid;margin-bottom:10px}#sectContain{display:grid;grid-auto-flow:column;width:50%;align-items:center}#deleteTweetCont{justify-self:end;margin-right:5px;align-self:center}#postCommentContainer{display:grid;margin-top:10px;width:100%;margin-bottom:10px}#btnsContainer{display:grid;grid-auto-flow:column;width:35%;place-self:end;place-items:center;margin-top:2px;margin-right:1%}#cancel{justify-self:end;margin-right:10px;margin-top:10px}#postHeader{margin-left:10px;font-weight:700}.cmtContain{display:grid;place-self:center;width:100%}.cardContainer{margin-top:10px;display:grid;row-gap:10px}#viewCmt:hover{font-size:12px;color:#30321c}#viewCmt{color:#909929;font-size:11px;font-style:italic;font-weight:700}#postBtn[data-v-36b4a552]{margin-top:5px;justify-self:right;width:70px;margin-right:10px}textarea[data-v-36b4a552]{place-self:center;width:90%}.actionIcon[data-v-279ed5e0]{margin-top:10px}#editCommentContainer[data-v-279ed5e0],#postCommentContainer[data-v-279ed5e0]{display:grid;margin-top:-5px;width:100%}#postCommentContainer[data-v-279ed5e0]{place-self:center;margin-right:10px}#postBtn[data-v-279ed5e0]{margin-top:5px;justify-self:right;width:70px;margin-right:10px}textarea[data-v-279ed5e0]{place-self:center;width:95%}#editHeader[data-v-279ed5e0]{margin-left:5px;margin-top:15px;font-weight:700}#viewCmt[data-v-279ed5e0]{margin-top:5px}#postBtn[data-v-3c25db2e]{margin-top:5px;justify-self:right;width:70px;margin-right:10px}textarea[data-v-3c25db2e]{place-self:center;width:90%}#deleteTweetCont[data-v-f1b0642a]{margin-right:10px}.likesContainer[data-v-6ab7324a]{width:50%}p[data-v-6ab7324a]{font-size:12px;align-self:end;margin-bottom:3px;margin-left:3px}#viewCmt[data-v-4f7d1205]{margin-bottom:5px}.cmtInfo[data-v-4f7d1205]{margin-left:10px}.commentActionsContainer[data-v-4f7d1205]{display:grid;grid-auto-flow:column;width:20%}p[data-v-378f65fd]{font-size:12px;align-self:end}.actionIcon[data-v-378f65fd]{justify-self:end;margin-right:3px}#postBtn[data-v-6a09b7b4]{margin-top:5px;justify-self:right;width:70px}textarea[data-v-6a09b7b4]{width:100%}#postTweetContainer[data-v-6a09b7b4]{display:grid;place-items:center;width:60vw;margin-top:10px}#loginForm[data-v-38299a3d]{display:grid;place-items:center;row-gap:5px}#loginBtn[data-v-38299a3d]{width:75px;justify-self:right}label[data-v-38299a3d]{justify-self:start}p[data-v-38299a3d]{font-weight:600;font-style:italic}#loginFormContainer[data-v-38299a3d]{margin-top:45px}#introInfo[data-v-38299a3d]{display:grid;row-gap:5px}#signupBtn[data-v-43faea28]{width:80px;justify-self:right}section[data-v-43faea28]{display:grid;place-items:center}form[data-v-43faea28]{display:grid;row-gap:5px;margin-bottom:10px}label[data-v-43faea28]{justify-self:start;font-size:12px}#formsContainer[data-v-04438f7e]{display:grid;row-gap:30px}#btnContain[data-v-dda0c73c]{width:38%}.tweetCard[data-v-dda0c73c]{position:absolute;z-index:10px;height:300px;right:10%;width:75%;font-style:italic}input[data-v-dda0c73c],textarea[data-v-dda0c73c]{width:95%}form[data-v-dda0c73c]{display:grid;row-gap:5px}#updateBtn[data-v-dda0c73c]{margin-top:2px;justify-self:right;width:70px;margin-right:5px}form[data-v-580c8d3a]{display:grid;row-gap:5px;width:100px}#deleteBtn[data-v-580c8d3a]{margin-top:5px;width:80px;margin-right:2px}.tweetCard[data-v-580c8d3a]{display:grid;position:absolute;z-index:10px;right:12%;height:120px;font-style:italic;row-gap:5px;width:70%}input[data-v-580c8d3a]{width:95%}#btnsContainer[data-v-580c8d3a]{display:grid;grid-auto-flow:column;width:45%;place-items:center;justify-self:end}h5[data-v-26be13a8]{font-size:14px}#iconsContainer[data-v-26be13a8]{display:grid;grid-auto-flow:column;width:20%;place-self:center;margin-right:10px}.pageContainer[data-v-26be13a8]{margin-top:0}h2[data-v-26be13a8]{margin-top:10px}.pageContainer[data-v-43dc17a0]{margin-top:40px;width:90%}#navUserProf[data-v-77398aa8]:hover,.username[data-v-77398aa8]:hover{color:#30331c}h1[data-v-448b49e2]{margin-bottom:20px}