:root{font-family:"Press Start 2P";line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='300'%20height='300'%20fill='black'/%3e%3crect%20width='300'%20height='300'%20fill='black'/%3e%3crect%20x='1'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='1'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='1'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3c/svg%3e");background-size:10vw;background-blend-mode:soft-light;background-repeat:repeat;background-position:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;padding-left:calc((2.5vh + 2.5vw)/2);padding-right:calc((2.5vh + 2.5vw)/2);display:flex;flex-direction:column;box-sizing:border-box;align-items:center}.content_box{display:flex;flex-direction:column;box-sizing:border-box;min-height:82.5vh;margin:calc((10vh + 10vw)/2) auto 5vh auto;padding:2.5vh 3vw 3vh 3vw;gap:calc((2.5vh + 2.5vw)/2);background:#000000e6;border-radius:2.5vw;box-shadow:0 0 calc((1.5vh + 1.5vw)/2) calc((1.5vh + 1.5vw)/2) #000;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);align-items:center;z-index:auto}.lable_text{font-size:calc((1.5vh + 1.5vw)/2)}.content_text{width:100%;font-family:"Press Start 2P";font-style:normal;font-size:calc((1.5vh + 1.5vw)/2);text-align:left;background-color:#ffffff0c;padding:.5vh .5vw .5vh .5vw;border-radius:.5vw;border:rgb(0,255,179);border-style:dashed;overflow-wrap:anywhere;color:#fff}.button_box{display:flex;flex-direction:column;align-items:center;margin-top:1.5vh}.image{width:calc((5vh + 5vw)/2);height:calc((5vh + 5vw)/2);border:rgb(0,255,179);border-style:groove;border-radius:5px}@media(orientation:landscape){.content_box{width:95vw}}.Button{height:5vh;width:25vw;margin-top:1.5vh;background-color:#0ff;border-style:dashed;border-color:#000;border-width:.3vh;border-radius:5;color:#000;font-family:"Press Start 2P";text-align:center;margin-bottom:1.5vh}.Button:disabled{background-color:#2f4f4f}.Button:active{color:#f0f8ff}.Button:hover{cursor:pointer;background-color:#88c1f6;transform:translateY(-2px);border-color:#000}.menu_option{position:absolute;border-color:#0000;width:calc((5vh + 5vw)/2);height:calc((2.5vh + 2.5vw)/2);left:2.5vw;top:calc((4vh + 4vw)/4);cursor:pointer;z-index:1002;background-color:#0000}.menu_option_image{position:absolute;width:calc((5vh + 5vw)/2);height:calc((2.5vh + 2.5vw)/2);left:0vw;top:0vh;cursor:pointer;z-index:1002}.menu_option:hover .menu_option_image{filter:brightness(1.15) saturate(1.2);transform:translateY(-1px);transition:filter .12s ease,transform .12s ease}.menu_option:hover{transform:scale(1.06);box-shadow:0 6px 18px #00ffb32e,0 0 12px #00ffb30f}.menu_login{display:flex;flex-direction:column;align-items:center;position:absolute;border-color:#0000;width:calc((2.5vh + 2.5vw)/2);height:calc((2.5vh + 2.5vw)/2);right:2.5vw;top:calc((4vh + 4vw)/4);cursor:pointer;z-index:1002;background-color:#0000}.menu_login_image{position:absolute;width:calc((2.5vh + 2.5vw)/2);height:calc((2.5vh + 2.5vw)/2);cursor:pointer;z-index:1002}.menu_login:hover .menu_login_image{filter:brightness(1.15) saturate(1.2);transform:translateY(-1px);transition:filter .12s ease,transform .12s ease}.menu_login:hover{transform:scale(1.06);box-shadow:0 6px 18px #00ffb32e,0 0 12px #00ffb30f}.menu_box{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;width:95vw;height:calc((7.5vh + 7.5vw)/2);left:2.5vw;top:calc((1vh + 1vw)/2);background:#0000;border:calc((.5vh + .5vw)/2) solid rgb(0,255,179);border-radius:calc((2.5vh + 2.5vw)/2);-webkit-backdrop-filter:blur(calc((.5vh + .5vw)/2));backdrop-filter:blur(calc((.5vh + .5vw)/2));align-items:center;z-index:999}.login_box{position:fixed;top:12vh;right:2vw;width:auto;height:auto;max-height:70vh;overflow-y:auto;min-width:15vw;display:flex;flex-direction:column;box-sizing:border-box;padding:1vh 1vw 1vh 1vw;gap:1vh;background:#f0f8fff2;border-radius:1.5vw;border:2px solid rgb(0,255,179);-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);align-items:stretch;z-index:1001;box-shadow:0 4px 15px #0003}.option_box{position:fixed;top:12vh;left:2vw;width:auto;height:auto;max-height:70vh;overflow-y:auto;min-width:15vw;display:flex;flex-direction:column;box-sizing:border-box;padding:1vh 1vw 1vh 1vw;gap:1vh;background:#f0f8fff2;border-radius:1.5vw;border:2px solid rgb(0,255,179);-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);align-items:stretch;z-index:1001;box-shadow:0 4px 15px #0003}.menu_option_item,.menu_logout_item{display:flex;align-items:center;justify-content:center;width:80%;min-height:45px;padding:10px 15px;font-family:"Press Start 2P",monospace;font-size:12px;text-align:center;text-decoration:none;color:#333;background:#fffc;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease}.menu_logout_item:hover{background:#f68888;border-color:#00ffb3;transform:translateY(-2px);box-shadow:0 2px 8px #00ffb34d;text-decoration:none;color:#333}.menu_option_item:hover{background:#88c1f6;border-color:#00ffb3;transform:translateY(-2px);box-shadow:0 2px 8px #00ffb34d;text-decoration:none;color:#333}.menu_option_item:active{transform:translateY(0);transition:all .1s ease}.menu_text_button{position:absolute;font-family:"Press Start 2P";top:calc(70% - 31.5px);font-size:28px;line-height:32px;color:#fff;background:none;border:none;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none;text-decoration:none}.menu_text_button:hover{text-shadow:0 0 8px #0ff;transform:scale(1.05);transition:all .2s ease;color:#fff}.menu_text_button:active{transform:scale(.97);opacity:.8}@media(max-width:768px){.option_box{left:5vw;right:5vw;width:auto;max-width:90vw}.menu_option_item{font-size:10px;min-height:40px;padding:8px 12px}}.post_button{position:fixed;display:flex;align-items:center;justify-content:center;width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);right:calc((5vh + 5vw)/2);bottom:2.5vh;border-radius:calc((5vh + 5vw)/2);z-index:1002}.post_image_button{width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);border-radius:calc((5vh + 5vw)/2);z-index:1003;cursor:pointer}.post_button:focus,.post_button:focus-visible{outline:4px auto -webkit-focus-ring-color}.delete_post_button{position:fixed;display:flex;align-items:center;justify-content:center;width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);right:calc((15vh + 15vw)/2);bottom:2.5vh;border-radius:calc((5vh + 5vw)/2);border-color:#0000;z-index:1002}.delete_post_image_button{width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);border-radius:calc((5vh + 5vw)/2);border-color:#0000;z-index:1003;cursor:pointer}.delete_post_button:focus,.delete_post_button:focus-visible{outline:4px auto -webkit-focus-ring-color}.post_form_box{position:fixed;width:95vw;left:2.5vw;top:5vh;min-height:92.5vh;overflow-y:auto;padding:2.5vh 3vw 3vh 3vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:15px 20px;gap:8px;background:#f0f8fff2;border-radius:50px;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);z-index:1001;box-shadow:0 4px 15px #0003;text-align:center}.post_lable_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:32px;text-align:center;color:#000;box-sizing:border-box;overflow-wrap:anywhere}.post_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:24px;text-align:center;color:#000;box-sizing:border-box}.title_area{resize:none;width:90%;height:auto;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:18px;text-align:left;padding:2.5vh 2.5vw 2.5vh 2.5vw;color:#fff;box-sizing:border-box;background:#00000085;border-radius:1.5vw;overflow-wrap:anywhere}.post_area{resize:none;width:90%;height:auto;height:45vh;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:18px;text-align:left;padding:2.5vh 2.5vw 0 2.5vw;color:#fff;box-sizing:border-box;background:#00000085;border-radius:1.5vw}.bar_row{display:flex;flex-direction:row;position:relative;align-items:center;gap:1vw}.bar_button,.bar_page{height:calc((5vh + 5vw)/2);width:calc((5vh + 5vw)/2)}.bar_button{cursor:pointer;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='70'%20height='70'%20viewBox='0%200%2070%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='35'%20cy='35'%20r='33.75'%20fill='black'%20stroke='%23B5F49E'%20stroke-width='2.5'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P";font-size:24px;color:#fff}.bar_button:hover{transform:scale(1.06)}.bar_page{background-image:url("data:image/svg+xml,%3csvg%20width='70'%20height='70'%20viewBox='0%200%2070%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='35'%20cy='35'%20r='33.75'%20fill='black'%20stroke='%23B5F49E'%20stroke-width='2.5'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P";font-size:24px;color:#fff;pointer-events:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.form_box{display:flex;flex-direction:column;box-sizing:border-box;width:95vw;min-height:82.5vh;margin:15vh auto 5vh;padding:2.5vh 3vw 3vh 3vw;gap:2.5vh;background:#ffffffe6;border-radius:2.5vw;box-shadow:0 0 1vw 1vh #fff;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);align-items:center;z-index:auto}.form_button_box{display:flex;flex-direction:column;align-items:center;margin-top:1.5vh}.form_area{display:flex;flex-direction:column;width:var(--form-width);max-width:var(--form-max-width);gap:var(--row-gap);box-sizing:border-box;align-items:stretch;margin-top:1vh}.form_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:38px;text-align:center;color:#000;box-sizing:border-box}.info_box{position:fixed;min-width:200px;top:5vh;width:70vw;height:70vh;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:15px 20px;gap:8px;background:#f0f8fff2;border-radius:1.5vw;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);z-index:1001;box-shadow:0 4px 15px #0003;text-align:center}.input_area{position:relative;width:40vw;height:2vh;min-height:2vw;margin-top:var(--margin_topAnd_buttom);margin-bottom:var(--margin_topAnd_buttom);color-scheme:light dark;border-radius:1vh;border-width:.25vh;transition:all .3s ease;outline:none;font-family:"Press Start 2P";box-shadow:inset 0 0 8px #0fac;--margin_topAnd_buttom: 1.5vh;padding-left:1vw;z-index:1}.input_area_incorrect{width:40vw;height:2vh;min-height:2vw;margin-top:var(--margin_topAnd_buttom);margin-bottom:var(--margin_topAnd_buttom);color-scheme:light dark;border-radius:1vh;border-width:.25vh;border-color:red;background-color:#8b0000;transition:all .3s ease;outline:none;font-family:"Press Start 2P";box-shadow:inset 0 0 8px #0fac;--margin_topAnd_buttom: 1.5vh;padding-left:1vw}.input_area:focus{box-shadow:0 0 .4rem #ff000041}.input_text{width:50vw;top:.5vh;font-family:"Press Start 2P";font-style:normal;font-size:20px;text-align:center;color:#000}.error_message{font-family:"Press Start 2P";font-style:normal;font-size:calc(100vh+100px);color:#970000}.form_row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.profile_set{gap:2.5vh;overflow-wrap:anywhere}.image_profile{width:200px;height:200px;border-radius:10px;border:rgb(0,255,179);border-style:groove;border-width:5px}.profile_lable_text{font-family:"Press Start 2P";font-style:normal;font-size:30px;text-align:center;color:#fff;box-sizing:border-box}.profile_text{font-family:"Press Start 2P";font-style:normal;font-size:24px;text-align:left;color:#fff;box-sizing:border-box}.profile_info{position:absolute;left:5vw;top:12.5vh;display:flex;flex-direction:column;align-items:left;box-sizing:border-box;gap:2.5vh}.profile_content_align{display:flex;flex-direction:row;box-sizing:border-box}.profile_messages{position:relative;left:7.5vw;top:2.5vh;width:50vw;min-height:60vh;background-color:#000000bf;margin:0 auto 5vh;padding:2.5vh 3vw 3vh 3vw;border-radius:2.5vh}.column_profile_info{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:40vw;height:100%;min-height:60vh;background-color:#0000;border-radius:calc((2.5vh + 2.5vw)/2);padding:2.5vh 3vw 3vh 3vw}.column_user_posts{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:100%;min-height:60vh;height:100%;gap:2.5vh;padding:2.5vh 3vw 3vh 3vw}.column_space{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:2.5vw;height:100%;min-height:60vh;background-color:#2f00ff00}.test_row{display:flex;flex-direction:row;box-sizing:border-box;position:relative;width:100%;min-height:60vh;height:auto;background-color:#0000;margin:0 auto 5vh}.input_area{width:40vw;height:2vh;min-height:2vw;color-scheme:light dark;border-radius:1vh;border-width:.25vh;transition:all .3s ease;outline:none;font-family:"Press Start 2P";font-style:normal;font-size:24px;text-align:left;box-shadow:inset 0 0 8px #0fac;padding-left:1vw;z-index:1}.input_area_incorrect{width:40vw;height:2vh;min-height:2vw;color-scheme:light dark;border-radius:1vh;border-width:.25vh;border-color:red;background-color:#8b0000;transition:all .3s ease;outline:none;font-family:"Press Start 2P";box-shadow:inset 0 0 8px #0fac;padding-left:1vw;z-index:1}