body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none;overflow-x:hidden}.App{position:relative;width:100%}.frame{position:fixed;width:100%;height:100vh}header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:10vh;background:rgba(245,222,179,.69);justify-content:space-between;align-items:center;padding:0 40px;z-index:4}header,nav{display:flex}nav{margin-left:0}nav h1{font-size:1.2em;font-weight:400;padding:1rem;margin:auto 0;border-right:1px solid #706f6a}.profile{display:flex}#user-avatar{color:#6b6745;margin:auto 20px;width:50px;height:50px;align-items:center}.profile-info,.profile p{font-weight:400}.profile p{font-size:1.1rem;padding:0;color:#000;line-height:1.7rem;max-height:100%}.logo{width:13vw;height:100%;background-image:url(/static/media/Finallogo.11689cf8.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}#sign-in{position:fixed;right:10px;font-size:.7rem;box-shadow:-10px 1px 10px rgba(172,160,160,.5);border:0 solid #000;border-radius:50px;padding:6px 20px;background-color:violet;cursor:pointer;background-color:rgba(17,126,66,.719);z-index:3}#sign-in:hover{background-color:rgba(6,48,25,.719)}@media screen and (max-width:700px){nav h1{padding:.2rem;font-size:.7rem}#user-avatar{display:none}.profile p{padding-left:5px;font-size:.7rem;font-weight:400}header{padding:5px;height:7vh}#sign-in,#signIn-button{font-size:.7rem;padding:3px 10px;margin-left:0}}.sing-in-form{position:fixed;display:flex;flex-direction:column;justify-content:space-evenly;background-color:rgba(167,34,34,.96);left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:70px 10px}.sing-in-form span{padding:5px 0}.sing-in-form h4{top:0;color:#fff;text-align:center;font-size:1.5em;font-weight:500;padding:10px 0;margin:1rem 0}.sing-in-form p{border:0 solid #000;box-shadow:0 0 10px rgba(255,0,0,.5);font-size:1.2rem;background-color:#c26666;color:#fff;line-height:30px;margin:10px}.inputs{text-align:center;margin:auto;width:600px;color:#fff;font-weight:300;font-size:1.5rem}#signIn-button{padding:10px;color:#fff5f5;margin:30px auto}#signIn-button:hover{background:#4b4747}#haveAcount{margin:auto;padding:2px 6px;background:#67a728;border-radius:15px;font-weight:600;font-size:1.1em;color:#000;text-align:center;box-shadow:-10px 1px 10px rgba(0,0,0,.5)}#haveAcount:hover{cursor:pointer;background:#77a345}@media screen and (max-width:660px){.sing-in-form{width:100%;height:100vh;z-index:2}.sing-in-form h4{font-size:1.2rem}.inputs{margin:0;height:7vh}}@media screen and (max-width:450px){.inputs{width:100vw;margin:0}.logo{width:20vw}}.tweet-promo{font-size:1rem;position:fixed;width:15vw;right:20px;top:150px;box-shadow:-10px 1px 10px rgba(0,0,0,.5);padding:20px 10px;border:0 solid #000;border-radius:10px;color:rgba(0,0,0,.822);background-color:rgba(75,72,48,.292)}@media screen and (max-width:820px){.tweet-promo{display:none}}#button{font-size:.8rem;position:fixed;right:20px;bottom:20px;box-shadow:-10px 1px 10px hsla(0,0%,100%,.5);padding:6px 24px;border:0 solid #000;border-radius:50px;cursor:pointer;background-color:rgba(17,126,66,.719);z-index:4}#button:hover{box-shadow:0 0 10px rgba(92,163,108,.5);background-color:#6b6745}#null{display:none}#tweetOpened{position:fixed;width:100%;align-items:center;z-index:5}#tweetOpened,.tweet-form{display:flex;justify-content:center}.tweet-form{width:70vw;background-color:hsla(0,0%,80.8%,.92);flex-direction:column;border:0 solid #000;border-radius:20px;padding:20px;box-sizing:border-box;box-shadow:-10px 1px 10px rgba(0,0,0,.5)}.tweetTextArea{margin:0;padding:0;border:none;text-align:center;font:400;line-height:40px;font-size:3em}.tweet-form .MuiInputBase-root,.tweetTextArea{height:100%;width:100%}.post-buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#submit-button{width:150px;color:#1f5557;margin-top:10px;cursor:pointer;background-color:#6495ed;border:0 solid #000;border-radius:20px;box-sizing:border-box}#submit-button:hover{box-shadow:0 0 10px hsla(0,0%,100%,.5);background-color:#6b6745}.picUpload{width:20vh;color:#6495ed;padding:10px}.cards{position:relative}:root{--p-fonts:1.3rem;--h2-fonts:1.5rem;--tweets-fonts:1.6rem}@media screen and (max-width:600px){:root{--p-fonts:1rem;--h2-fonts:1.3rem;--tweets-fonts:1.5rem}}@media screen and (max-width:400px){:root{--p-fonts:0.7rem;--h2-fonts:1.1rem;--tweets-fonts:1.4rem}#MuiSvgIcon-root,#MuiSvgIcon-root-no{width:50%}}.card{display:flex;position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:rgba(240,230,140,.192);border:0 solid #000;width:60%;margin:auto;box-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-width:820px){.card{width:100%}}.icon{width:50px;top:0;margin-top:0}.card-info{width:100%}.personal-info{padding-left:10px;height:100px}.user-name{font-weight:300;font-size:1.5rem;font-size:var(--h2-fonts);font-weight:400;padding-right:20px}.open-tweet{font-weight:400;font-size:1.6rem;font-size:var(--tweets-fonts)}.null{display:none}.show-author{font-weight:200;font-size:1.3rem;font-size:var(--p-fonts);padding:5px 0}.picture-tweet{width:100%;display:flex;flex-direction:column;margin-left:0}.picture{background-position:top;background-repeat:no-repeat;background-size:100%;width:100%;min-height:400px}.pic-text{margin-left:0;font-size:1.8em}.likes{display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:0}.likes span{padding:0 10px;border:0 solid #000;cursor:pointer}.likes p{text-align:center}.likes span:hover{background-color:#81755d}#MuiSvgIcon-root-no{color:#000}#MuiSvgIcon-root{color:#e23939}
/*# sourceMappingURL=main.ad087c31.chunk.css.map */