body{background-color:#1f1f1f}button{cursor:pointer;color:#abff4f;background-color:#000;font-family:Bungee}button:hover{color:#d93daa}img{max-height:80px}#user-input{display:none}#login-container{width:25rem;text-align:center;background-color:#403f3f;border:2px solid #fff;flex-flow:column wrap;margin:10px auto;padding:20px;display:flex;position:relative;top:40px}#login-headline{cursor:pointer;color:#abff4f;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;background-color:#000;margin:10px auto;padding:20px;font-family:Bungee;position:relative}#user-submit{margin:10px auto;display:flex;position:relative;top:10px}#username-input{font-family:IBM Plex Mono}#username-label,#password-label{flex-direction:column;margin:5px;font-family:Bungee;display:flex}#user-choice{text-align:center;padding:20px}#user-choice>button{cursor:pointer;color:#abff4f;background-color:#000;margin-left:10px;margin-right:10px;padding:10px;font-family:Bungee}#user-choice>button:hover{color:#d93daa}.avatarDiv>img{cursor:pointer;padding:15px}.avatarDiv>img:hover{border:1px solid #d93daa;margin:-1px}.selectedAvi{border:1px solid #fff;margin:-1px}.errorMessage{color:#abff4f;margin:0;padding-top:10px;padding-bottom:5px;font-family:Bungee;font-size:small}#headline-profile{color:#abff4f;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;background-color:#000;padding:20px;font-family:Bungee;position:absolute;top:0;left:30px}#user-info{width:12rem;text-align:center;color:#d93daa;background-color:#403f3f;justify-content:space-evenly;align-items:center;padding-bottom:40px;font-family:Bungee;font-size:small;display:flex;position:absolute;top:183px;left:38px}#post-div{text-align:center;color:#abff4f;width:45vw;background-color:#000;margin:10px auto;padding:40px;position:relative;top:70px}#post-div>p{margin:0;font-family:Bungee}#post-div>input{height:30px;width:500px;color:#59d2fe;background-color:#403f3f;margin:10px;padding:10px;font-family:IBM Plex Mono}#post-div>button{height:40px;cursor:pointer;color:#d93daa;background-color:#000;border:1px solid #fff}#post-div>h1{padding-bottom:10px;font-family:Bungee;font-size:medium}#all-posts{color:#59d2fe;background-color:#403f3f;padding:20px;font-family:IBM Plex Mono}#all-posts>div{text-align:left;border-bottom:2px solid #fff;margin:10px;padding:20px}.homepagePost{align-items:center;display:flex}.homepagePost>h3{color:#d93daa;padding-left:10px;padding-right:60px;font-family:Bungee}.homepagePost>p{color:#59d2fe;font-family:IBM Plex Mono}#user-list{color:#abff4f;width:15rem;text-align:right;height:100vh;background-color:#000;font-family:Bungee;display:grid;position:fixed;top:0;right:0;overflow:auto}#user-list>div{height:80px;color:#d93daa;cursor:pointer;flex-direction:row-reverse;justify-content:space-evenly;align-items:center;padding:10px;font-size:large;display:inline-flex}#user-list>div:hover{color:#59d2fe;background-color:#403f3f}#user-list>h2{text-align:center;flex-basis:15rem;padding:10px}#user-list>img{width:30px}#my-page-btn,#homepage-btn{z-index:1;width:11rem;color:#abff4f;cursor:pointer;background-color:#000;position:absolute;top:275px;left:46px}#log-out-btn{color:#abff4f;cursor:pointer;background-color:#000;position:fixed;bottom:10px}#delete-btn{color:#abff4f;cursor:pointer;background-color:#000;position:fixed;bottom:10px;left:90px}#my-page-btn:hover,#homepage-btn:hover,#log-out-btn:hover,#delete-btn:hover{color:#d93daa}
/*# sourceMappingURL=index.05856c78.css.map */