.relation_flex{display:flex;flex-wrap:wrap;justify-content:center}.relation_box{width:45%;box-sizing:border-box;margin:10px 2px}.relation_formbox{margin:20px auto 10px auto}.npc_relations,.relations{display:flex;flex-wrap:wrap;width:70%;padding-right:10px;box-sizing:border-box;justify-content:center;margin:auto}.relationshortfact{display:flex;gap:2px 10px}.relationstext{width:96%}.relationsubmit{text-align:center;width:100%;margin:5px auto}.npc_relations > div,.relations > div{padding:5px 10px}.npc_relations .tcat,.relations .tcat{margin:5px 0}.edit_relation{margin:auto;text-align:center;padding:10px}.edit_relation .tcat{margin:10px auto}.profile_box{display:grid;grid-template-columns:130px 1fr;grid-template-rows:min-content min-content 100px min-content;gap:5px 5px;grid-template-areas:"profile_charaname profile_charaname"
    "profile_short profile_short"
    "profile_avatar profile_relatext"
    "profile_options profile_options";margin:10px auto;justify-content:center}.profile_charaname{text-align:center;border-bottom:2px solid var(--background);font-size:calc(15px + (20 - 15) * ((100vw - 320px) / (1600 - 320)));font-family:var(--secondfont);text-transform:uppercase;grid-area:profile_charaname}.profile_short{font-size:11px;text-align:center;text-transform:uppercase;margin:4px auto;grid-area:profile_short}.profile_relatext{height:100px;text-align:justify;overflow:auto;line-height:1.2em;scrollbar-width:none !important;grid-area:profile_relatext}#profile .profile_relatext::-webkit-scrollbar{width:0}.profile_avatar{height:100px;width:auto;grid-area:profile_avatar}.profile_avatar img{height:100px;width:auto;float:left;margin:2px 5px 0 1px}.profile_options{width:100%;text-align:center;grid-area:profile_options}.profile_entries{padding:5px 10px;box-sizing:border-box;max-height:400px;overflow:auto;scrollbar-width:none !important;min-height:50px}.profile_entries::-webkit-scrollbar{width:0}.tab{overflow:hidden;display:flex;justify-content:center}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:5px 20px;transition:0.3s;font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:10px;font-family:var(--textfont)}.tab button:hover{color:var(--color1)}.tab button.active{border-bottom:2px solid var(--color1);color:var(--textcolor)}.tabcontent{display:none;padding:6px 12px;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.relations_flex{display:flex;flex-wrap:wrap}.relations_flex .relations_box{width:32.9%;margin:10px 2px;box-sizing:border-box;padding:5px 10px}.relations_username{font-size:15px;text-align:center;font-weight:bold;font-family:var(--secondfont);text-transform:uppercase}.relations_short{font-size:10px;text-align:center;border-bottom:2px solid var(--background);padding:3px 10px;margin-bottom:2px;text-transform:uppercase;letter-spacing:1px}.relations_text{font-size:11px;text-align:justify;height:108px;overflow:auto;margin:2px auto 10px auto;scrollbar-width:none !important;padding:2px 10px;box-sizing:border-box}.relations_options{font-size:13px;text-align:center;padding:5px}.usercp_relation{display:flex;flex-wrap:wrap}.usercp_relation > div{width:47%;margin:2px 5px;text-align:center}.usercp_relation .relationstext{width:100%;text-align:left}.usercp_relation .relationssubmit{width:100%;text-align:center}.usercp_relation .tcat{text-align:center;margin-bottom:4px}