@import"https://fonts.googleapis.com/css2?family=Itim&display=swap";*{font-family:itim}html{background-color:#373737}body{margin:0}.error{color:#f51844}.headercontainer{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin:0;border:4px solid #616161;border-radius:0 0 15px 15px;background-color:#212121}.headerbuttoncontainer .create{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2rem;color:#ff69b4;-webkit-text-stroke:2px #ff69b4;text-align:center;padding:0}.headerbuttoncontainer .create:hover{color:#fff;-webkit-text-stroke:2px #fff}.headerbuttoncontainer .create p{position:relative;top:-4.5px}.headercontainer h1{margin-left:2%}.headerbuttoncontainer{display:flex;justify-content:space-evenly;gap:5px}.headerbuttoncontainer a{background-color:#616161;text-decoration:none;font-size:1.2rem;padding:7px;border-radius:15px;border:#818181 solid;transition:ease-in-out .1s}.headerbuttoncontainer a:hover{background-color:#ff69b4;border:#ff91d1 solid}.headercontainer h1,.headercontainer a{color:#fff}.loginpage{margin-top:1%;font-size:1.5em}.loginpagecontainer{display:flex;flex-direction:column;align-items:center;width:40%;color:#fff;margin-left:auto;margin-right:auto;border-radius:15px;position:relative;overflow:hidden;background-color:#212121;border:4px solid #616161}.loginpagecontainer form{position:relative;z-index:1}.loginpagecontainer input{margin-bottom:5px}.loginpagecontainer h3{margin-top:4%;margin-bottom:4%}.loginbutton{color:#fff;border-radius:15px;font-size:1em;padding:1% 3%;border:0;margin-top:2%;transition:ease-in-out .1s;position:relative;background-color:#818181;border:3px solid #616161}.loginbutton:hover{background-color:#ff69b4}.loginbutton:hover:before{border-color:#ff91d1}.HomeContainer h1{color:#fff;text-align:center}.homepostscontainer{display:flex;flex-wrap:wrap;justify-content:center}.PostComponent{color:#fff;background-color:#212121;max-width:20%;padding:10px;margin:5px;border-radius:15px;border:2px #818181 solid;display:flex;flex-direction:column;justify-content:space-between;transition:max-width .5s ease-in-out,height .5s ease-in-out;overflow:hidden}.PostComponent h2{margin:1px}.PostComponent span{color:orange;font-size:1.4em;font-weight:700;-webkit-text-stroke:2px black}.PostComponent .down span{color:#0ff}.PostComponent .upvotes small{font-size:1.3;display:flex;justify-content:center;align-items:center;background-color:#919191;width:45px;color:#000;border-radius:15px;border:2px black solid;transition:ease-in-out .3s;-webkit-user-select:none;user-select:none}.PostComponent .upvotes small:hover span{color:#fff}.PostComponent .upvotes small:hover{background-color:orange;border:2px #fff solid;cursor:pointer}.PostComponent .upvotes{display:flex;align-self:flex-end}.PostComponent.expanded{max-width:50%;height:auto}.createpost{display:flex;align-items:center;justify-content:center;background-color:#212121;padding:0 10px;border-radius:15px;margin:15px;border:3px #616161 solid;color:#fff;flex-direction:column}.createpost input{margin-bottom:2%}.createpost .maincontent{width:40%;height:60px}.createpost .submit{background-color:#818181;color:#fff;border-radius:15px;font-size:1em;padding:1% 3%;border:3px #616161 solid;transition:ease-in-out .1s}.createpost .submit:hover{background-color:#ff69b4;border:3px #ff91d1 solid;cursor:pointer}.profilecontainer{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:15px;width:75%;margin:15px auto;color:#fff}.profilecontainer:before{content:"";position:relative;top:0;left:0;background-color:#212121;width:100%;height:100%;border:4px solid #616161;border-radius:0 0 20px 20px;filter:url(#hand-drawn);pointer-events:none;box-sizing:border-box;z-index:-1}.profilecontainer .desc{width:65%}.profilecontainer h1{margin:0;font-size:2.2rem}.profilecontainer img{margin-top:1%;border-radius:50%;width:12%;border:#616161 solid}.profilecontainer .connectionscontainer{display:flex;gap:7px}.profilecontainer .connectionscontainer a{font-size:1.3rem;background-color:#616161;border-radius:15px;padding:3px 6px;text-decoration:none;border:2px #818181 solid;margin-bottom:10px;transition:ease-in-out .15s}.profilecontainer .connectionscontainer a:hover{background-color:#ff69b4;border:2px #ff91d1 solid}.viewpost{font-size:1.1rem;background-color:#616161;border-radius:15px;padding:3px 6px;text-decoration:none;border:2px #818181 solid;margin-bottom:10px;color:#fff;margin-top:3px}.viewpost:hover{background-color:#ff69b4;border:2px #ff91d1 solid}.post h1{color:#fff}.post ul div{color:#fff;background-color:#212121;margin:15px;border-radius:16px;border:3px #818181 solid;display:flex;flex-direction:column;align-items:center}.post ul div h2{margin:10px 0 0}.post ul div p{margin-left:20px;margin-right:20px}