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}.App{text-align:center}.App-header{background-image:linear-gradient(180deg,#2e132c,#291127);height:auto;min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.profilepic{border-radius:100%;border:2px solid #ff0}input:focus{outline:none}.white{color:#fff}.press-start{font-family:"Press Start 2P",cursive}.title{margin-bottom:30px}.subtext{font-size:25px}.copyright,.sub-subtext{font-size:15px}.copyright{margin-top:100px;font-family:"Fira Code",monospace;color:#60265b}.highlight{color:#f50d5a}button:hover{cursor:pointer}.loading{color:#fff}.test{border:1px solid #fff}.name{font-family:"Press Start 2P",cursive;color:#f50d5a}.cubes-container{display:flex;width:100%;justify-content:space-between;align-items:center;margin:30px 0}.color-cube{border:1px #fff;height:60px;width:60px;cursor:pointer}.pinky{background-color:#f50d5a;border:3px solid #fff}.orange{background-color:#ff865c}.yellow{background-color:#ffea5c}.green{background-color:#00da76}.cyan{background-color:#0096ce}.purple{background-color:#800fff}.continue-container{margin-top:25px;width:40%}.continue{background-color:#00da76;color:#fff;height:35px;width:100%}.logos-container{width:50%;height:450px;justify-content:space-between}.home-login-container,.logos-container{display:flex;flex-direction:column;align-items:center}.home-login-container{width:40%}.username-input{background-color:#150714;font-family:"Press Start 2P",cursive;color:#81447c;height:35px;width:100%}.register-inputs{width:60%;margin:20px 0}.register-link{width:40%;height:40px;margin:20px 0}.login-btn{background-color:#2e111a;font-family:"Press Start 2P",cursive;width:100%;height:40px;font-size:15px;border:none;cursor:pointer}.login-btn:hover{background:#3b1521}@media screen and (max-width:400px){.App-header{flex-direction:column;justify-content:space-around;align-items:center}.logos-container{flex-direction:column;height:100px;margin-bottom:20%;margin-top:5%}.main-logos{width:200px;padding:15px 0}.home-login-container{padding:50px 0}}@media screen and (max-width:900px) and (min-width:401px){.App-header{flex-direction:column;justify-content:space-around}.logos-container{flex-direction:column;height:100px}.main-logos{width:300px;padding:15px 0}.home-login-container{padding:50px 0}}.google-login{margin:20px 0}.little{font-size:15px}.back-container{color:#fff;width:170px}.back-container,.logout-button{display:flex;align-items:center;justify-content:space-evenly;height:30px;font-size:12px}.logout-button{background-color:#f50d5a;width:140px}.logout-text{color:#000;text-decoration:none}.profile-general-container{background-color:#150714;width:100%}.profile-center,.profile-general-container{display:flex;flex-direction:column;align-items:center}.profile-center{width:30%}.profile-container{width:100%;margin:25px 0 0;display:flex;flex-direction:column;align-items:center}.profile-pic{border-radius:100%;border:4px solid #ff0}.username{color:#ff0;font-size:25px;text-align:center}.profile-switch-container{width:100%;height:80px;display:flex;align-items:flex-end}.profile-switch{width:100%;display:flex}.profile-switch div:hover{cursor:pointer}.switch-selected{background-color:#60265b}.switch-selected,.switch-unselected{font-family:"Press Start 2P",cursive;width:50%;height:35px;display:flex;justify-content:center;align-items:center}.switch-unselected{color:#60265b}.pinkyUser{color:#f50d5a}.orangeUser{color:#ff865c}.yellowUser{color:#ffea5c}.greenUser{color:#00da76}.cyanUser{color:#0096ce}.purpleUser{color:#800fff}@media screen and (max-width:400px){.profile-center{width:100%}}@media screen and (max-width:900px) and (min-width:401px){.profile-center{width:100%}}.overlay{justify-content:center;min-height:100%;min-width:100%;background-color:rgba(0,0,0,.308)}.confirm-container,.overlay{position:fixed;display:flex;align-items:center}.confirm-container{background-color:#60265b;height:200px;width:400px;border-radius:15px;flex-direction:column;color:#fff;text-align:center;padding:15px 0;justify-content:space-around;top:50%;margin-left:-200px;left:50%;margin-top:-100px}.btn-container{width:80%;display:flex;justify-content:space-around}.erase-btn{background-color:#2f112d}.cancel-btn,.erase-btn{font-family:"Press Start 2P",cursive;color:#fff;height:25px;width:auto;margin:10px 0;border:0}.cancel-btn{background-color:#571853}.erase-btn:hover{border:2px solid #fff;background-color:#582855}.cancel-btn:hover{border:2px solid #fff;background-color:#752a70}.post-card{color:#fff;font-size:15px;line-height:1.5;font-family:"Fira Code",monospace;text-align:left;border-bottom:2px solid #592455;width:30%;display:flex}.post-pfp-container{width:12%;display:flex;padding:17px 0;align-items:flex-start}.post-text-container{width:88%;display:flex;flex-direction:column;padding:17px 0}.post-username{font-family:"Press Start 2P",cursive;width:auto;color:#150714;margin-bottom:15px;display:flex;align-items:center}.username-container{padding:2px 3px;border-radius:3px}.post-time{color:#fff;font-family:"Fira Code",monospace;padding-left:5px}.post-footer{justify-content:space-between;margin-top:17px;padding:0 7px}.post-footer,.post-likes{display:flex;align-items:center}.like-hollow-icon:hover{cursor:pointer}.likes-amount{color:#fff;font-family:"Fira Code",monospace;padding-left:10px}.delete-button{color:#7a3775}.delete-button:hover{cursor:pointer;color:#c552bd;text-decoration:underline}@media screen and (max-width:400px){.post-card{width:100%;justify-content:space-around}.post-text-container{width:75%}}@media screen and (max-width:900px) and (min-width:401px){.post-card{width:70%;justify-content:space-around}.post-text-container{width:75%}}.feed-header{width:100%;height:35px;display:flex;justify-content:center;background-image:linear-gradient(180deg,#2e132c,#291127)}.header-container{width:50%;display:flex;justify-content:space-evenly;align-items:center}.icon-container{align-items:center;height:100%}.icon-container,.tweeter-general-container{display:flex;justify-content:center;width:100%}.tweeter-general-container{background-color:#150714}.tweeter-container{width:40%;margin:15px 0;display:flex}.tweeter-pfp-container{width:12%}.profilepic-link{height:54px}.tweeter-input-container{width:88%;display:flex;flex-direction:column}.tweeter-input{background-color:#2f112d;color:#b5467f;font-family:"Press Start 2P",cursive;font-size:15px;width:98%;height:110px;padding:7px;outline:none;border:none}.bar{background-color:#00da76;width:0;height:3px}.tweeter-subtext{width:100%;display:flex;justify-content:space-between;margin-top:7px}.post-button-container{width:100%;display:flex;justify-content:flex-end}.post-button{font-family:"Press Start 2P",cursive;color:#150714;background-color:#2f112d;height:25px;width:15%;margin:10px 0;border:0}.post-button:hover{background-color:#592455}.feed{background-color:#2e132c;min-height:100vh;border-top:3px solid #592455;display:flex;flex-direction:column;align-items:center}.pinky{border-color:#f50d5a;color:#f50d5a}.orange{border-color:#ff865c;color:#ff865c}.yellow{border-color:#ffea5c;color:#ffea5c}.green{border-color:#00da76;color:#00da76}.cyan{border-color:#0096ce;color:#0096ce}.purple{border-color:#800fff;color:#800fff}.pinkyBG{background-color:#f50d5a}.orangeBG{background-color:#ff865c}.yellowBG{background-color:#ffea5c}.greenBG{background-color:#00da76}.cyanBG{background-color:#0096ce}.purpleBG{background-color:#800fff}@media screen and (max-width:400px){.header-container{width:100%}.feed-header{height:40px}#large-icon,#pfp{width:0;visibility:hidden}.tweeter-container{width:85%}.tweeter-input-container{display:flex;align-items:flex-end;width:10 0}.tweeter-input{width:75%}.tweeter-subtext{width:80%}.post-button{width:auto}}@media screen and (max-width:900px) and (min-width:401px){.header-container{width:90%}.feed-header{height:40px}.tweeter-container{width:80%}.tweeter-input-container{display:flex;align-items:flex-end;width:100%}.tweeter-input{width:75%}.tweeter-subtext{width:77%}.post-button{width:auto}}
/*# sourceMappingURL=main.f134a9ff.chunk.css.map */