@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";:root{--link-color: #fff;--link-hover-color: #ddd;--link-active-color: #bbb;--link-container-hover-color: #333;--link-container-active-color: #222;--error-container-color: rgb(70, 6, 7);--login-logoff-button-color: rgb(35, 36, 37);--login-logoff-button-hover-color: rgb(25, 26, 27);--section-color: rgb(14, 15, 16);--post-comment-content-color: rgb(30, 31, 32);--confirm-button-color: rgb(70, 6, 7);--confirm-button-hover-color: rgb(45, 6, 7);--disabled-confirm-button-color: rgb(25, 6, 7);--button-color: #000;--button-hover-color: #333;--button-active-color: #222;--button-box-shadow: inset 0px 0px 4px 2px #222;--button-hover-box-shadow: inset 0px 0px 4px 2px #444;--selected-button-color: #222;--selected-button-box-shadow: inset 0px 0px 4px 2px #444;--disabled-button-border: 1px solid #222;--disabled-button-color: rgb(19, 20, 21);--disabled-button-box-shadow: inset 0px 0px 4px 2px #222}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#aaa #000}body{text-align:center;overflow-y:scroll;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#232427 url(/assets/background-BsW-ZPj3.png) bottom center no-repeat fixed;background-size:cover;color:#fff}body a{text-decoration-line:none;color:var(--link-color)}body a:hover{color:var(--link-hover-color)}body a:active{color:var(--link-active-color)}body button{font-family:Open Sans,sans-serif;cursor:pointer}main{padding:30px 4.5vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{display:flex;align-items:center;justify-content:space-between;padding:15px 3vw;background-color:var(--section-color)}header div#logo_container{width:8%}header button#log_off_button{margin-inline:1vw;border:none;border-radius:15px;padding:10px 2vw;background-color:var(--login-logoff-button-color);color:#fff;font-size:1.4em;font-weight:700}header button#log_off_button:hover{background-color:var(--login-logoff-button-hover-color)}header nav{display:flex;justify-content:flex-end;align-items:center;width:35%;margin-right:.3vw}header nav a{margin-inline:1vw;border-radius:15px;padding:15px 1vw;font-weight:700}header nav a:hover{background-color:#333}header nav a#log_in_button{padding:10px 2vw;font-size:1.5em;background-color:var(--login-logoff-button-color)}header nav a#log_in_button:hover{background-color:var(--login-logoff-button-hover-color)}div#notification{position:fixed;z-index:4;top:3%;left:31%;min-width:800px;max-width:30vw;display:flex;align-items:center;box-shadow:0 0 25px #000;border:2px solid rgb(57,58,58);padding:10px 1vw}div#notification div.icon_container img{width:48px}div#notification div.text_container{width:100%;padding-inline:1vw;font-size:1.7em;text-align:left}div#notification.success{background-color:#112312}div#notification.error{background-color:#460607}section#posts{margin-top:20px;background-color:#000}section#posts article.post{display:flex;margin:5px 0;background-color:var(--section-color)}section#posts article.post div.link_container{width:100%;padding:10px 1vw}section#posts article.post div.link_container div.overlay{padding:0}section#posts article.post div.link_container div.post_author{display:flex;align-items:center;width:100%;padding-inline:20px}section#posts article.post div.link_container div.post_author div.image_container{width:50px;height:50px;margin:10px auto}section#posts article.post div.link_container div.post_author div.image_container a{position:relative;z-index:4}section#posts article.post div.link_container div.post_author div.image_container a img{display:block;width:100%;height:100%;border:3px solid black;object-fit:cover;object-position:0% 50%}section#posts article.post div.link_container div.post_author div.name_and_date{display:flex;align-items:center;width:100%;padding-inline:15px;text-align:left}section#posts article.post div.link_container div.post_author div.name_and_date div.name{position:relative;z-index:4}section#posts article.post div.link_container div.post_author div.name_and_date div.name a{font-weight:700}section#posts article.post div.link_container div.post_author div.name_and_date div.name:after{content:"•";margin-inline:5px}section#posts article.post div.link_container div.post_author div.name_and_date div.date{color:#ddd;font-size:.8em}section#posts article.post div.link_container div.post_content{padding:5px 1.1vw 15px;text-align:left}section#posts article.post div.link_container div.post_content div.title>h1{font-size:1.5em}section#posts article.post div.link_container div.post_content div.content{margin-top:20px}section#posts article.post div.link_container div.post_content div.content div.text_container{max-height:70px;overflow:hidden}section#posts article.post div.link_container div.post_content div.content div.image_container{min-width:200px;min-height:200px;max-width:30vw;max-height:50vh}section#posts article.post div.link_container div.post_content div.content div.image_container img{display:block;min-width:inherit;min-height:inherit;max-width:inherit;max-height:inherit;object-fit:cover}section#posts article.post:first-child{margin-top:0}section#posts article.post:last-child{margin-bottom:0}section{background-color:var(--section-color)}p{white-space:pre-wrap}button[disabled]{box-shadow:var(--disabled-button-box-shadow);background-color:var(--disabled-button-color)}button[disabled]:hover{background-color:var(--disabled-button-color)}form{padding-block:20px}form div.input_container{margin-block:20px}form div.textarea_container{margin-top:40px}form div.textarea_container textarea{margin-bottom:0}form label{display:block;width:91.5%;margin:10px auto;border-bottom:1px solid #aaa;line-height:.1em;text-align:left}form label span{padding-right:5px;background-color:var(--section-color);color:#aaa}form input,form textarea,form button{margin-block:15px;border:none;box-shadow:var(--button-box-shadow);padding:20px 2vw;background-color:var(--button-color);color:#fff;font-family:Open Sans,sans-serif;font-size:1.1em}form input,form textarea{width:92%}form button{padding-inline:3vw}form button:hover{background-color:var(--button-hover-color)}form button[disabled]:hover{background-color:var(--disabled-button-color)}div.button_container{padding-inline:3.7vw;text-align:right}div.link_container{position:relative}div.link_container div.overlay>a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}div.link_container:hover{background-color:var(--link-container-hover-color)}div.link_container:active{background-color:var(--link-container-active-color)}section#registration,section#login{width:60%;margin:auto;padding-block:30px}section#registration h1,section#login h1{font-size:2em}section#registration div#error_container,section#login div#error_container{display:flex;align-items:center;width:92%;margin:20px auto 0;border:2px solid #660000;padding:10px 1vw;background-color:var(--error-container-color)}section#registration div#error_container div.image_container,section#login div#error_container div.image_container{margin-right:20px}section#registration div#error_container div.text_container,section#login div#error_container div.text_container{color:#fdd;font-weight:700;font-size:1.3em}div#confirm_delete{display:flex;justify-content:space-evenly;width:92%;margin:10px auto 0}div#confirm_delete button{width:30%;box-shadow:var(--button-box-shadow);border:none;padding:20px 2vw;color:#fff;font-family:Open Sans,sans-serif;font-size:1.1em;transition:background-color .05s}div#confirm_delete button[value=Y]{background-color:var(--confirm-button-color)}div#confirm_delete button[value=Y]:hover{background-color:var(--confirm-button-hover-color)}div#confirm_delete button[value=N]{background-color:var(--button-color)}div#confirm_delete button[value=N]:hover{background-color:var(--button-hover-color)}div#confirm_delete button[disabled]{box-shadow:none;cursor:not-allowed}div#confirm_delete button[value=Y][disabled]{background-color:var(--disabled-confirm-button-color)}div#confirm_delete button[value=N][disabled]{background-color:var(--disabled-button-color)}section#registration form div.input_container label>span{padding-right:10px}section#registration form div.input_container label>span img{padding-left:10px;margin-bottom:-2px}section#registration form div.input_container div#username_note,section#registration form div.input_container div#password_note,section#registration form div.input_container div#matching_password_note{display:none;width:92%;margin:0 auto 20px;border:2px solid #555;padding:10px 1vw;background-color:#000;text-align:left}section#registration form div.input_container div#username_note h3,section#registration form div.input_container div#username_note p,section#registration form div.input_container div#password_note h3,section#registration form div.input_container div#password_note p,section#registration form div.input_container div#matching_password_note h3,section#registration form div.input_container div#matching_password_note p{margin-block:.3em}section#registration form div.input_container div#username_note h3,section#registration form div.input_container div#password_note h3,section#registration form div.input_container div#matching_password_note h3{margin-bottom:.6em}section#registration form div.input_container div#username_note p:before,section#registration form div.input_container div#password_note p:before,section#registration form div.input_container div#matching_password_note p:before{content:"•";margin-right:5px;font-size:1.6em;vertical-align:middle}section#registration form div.input_container div#username_note.visible,section#registration form div.input_container div#password_note.visible,section#registration form div.input_container div#matching_password_note.visible{display:block}section#registration form div.input_container:nth-child(3){margin-bottom:0}section#registration form div.input_container>div.container{position:relative}section#registration form div.input_container>div.container button{position:absolute;top:20px;right:3.5vw;padding:0;box-shadow:none}section#registration form div.input_container>div.container button img{filter:invert(50%)}section#registration form div.input_container>div.container button img.selected{filter:invert(25%)}section#registration form div.input_container>div.container button:hover{background-color:var(--button-color)}section#registration form div.input_container>div.container button:hover img{filter:invert(30%)}section#registration form div.button_container{display:flex;justify-content:center}section#registration form div.button_container button{width:10vw;margin-inline:25px;margin-bottom:0;padding:20px 3vw;background-color:var(--button-color);color:#fff;font-family:Open Sans,sans-serif;font-size:1.2em;font-weight:700;transition:all .1s}section#registration form div.button_container button:hover{background-color:var(--button-hover-color)}section#registration form div.button_container button:active{background-color:var(--button-active-color)}section#registration form div.button_container button[disabled]{box-shadow:var(--disabled-button-box-shadow);background-color:var(--disabled-button-color);cursor:not-allowed}section#login form div.input_container:nth-child(2n){margin-bottom:0}section#login form div.submit_container button{margin-inline:25px;padding:20px 3vw;background-color:var(--button-color);color:#fff;font-family:Open Sans,sans-serif;font-size:1.2em;font-weight:700}section#login form div.submit_container button:hover{box-shadow:var(--button-hover-box-shadow);background-color:var(--button-hover-color)}section#login form div.submit_container button:active{box-shadow:var(--button-hover-box-shadow);background-color:var(--button-active-color)}section#login form div.submit_container button[disabled=true]{cursor:not-allowed;box-shadow:none;background-color:var(--disabled-button-color)}section#login div#register{font-size:1.4em}section#login div#register a{font-weight:700;text-decoration-line:underline}section#profile_page{background-color:transparent}section#profile_page div.flex_wrapper{display:flex;padding:2vh 2.5vw;background-color:var(--section-color)}section#profile_page div.flex_wrapper div#profile_picture{width:10%;max-width:15%}section#profile_page div.flex_wrapper div#profile_picture div.profile_picture_container{width:16vh;height:16vh;min-width:100px;min-height:100px}section#profile_page div.flex_wrapper div#profile_picture div.profile_picture_container img{display:block;width:inherit;height:inherit;min-width:inherit;min-height:inherit;border:5px solid black;object-fit:cover;object-position:0% 50%}section#profile_page div.flex_wrapper div#profile_info{width:90%;padding:2vh 2.5vw;align-content:center;text-align:left}section#profile_page div.flex_wrapper div#profile_info div#name{margin-bottom:20px}section#profile_page div.flex_wrapper div#options{width:5%;display:flex;align-items:flex-start}section#profile_page div.flex_wrapper div#options div{width:100%;border-radius:15px;background-color:#232425}section#profile_page div.flex_wrapper div#options div a{display:block;width:100%;height:100%;padding:12px}section#profile_page div.flex_wrapper div#options div a img{width:32px;height:32px;text-align:center}section#profile_page div.flex_wrapper div#options div:hover{background-color:#191a1b}section#profile_page div.flex_wrapper div#options div:active{background-color:#232425}section#profile_page.missing{padding:2vh 2.5vw;background-color:var(--section-color);text-align:left}section#posts_by_user{margin-top:30px;padding-block:15px}section#posts_by_user h2{padding-block:20px}section#posts_by_user article.post{display:flex}section#posts_by_user article.post div{padding:5px 1vw}section#posts_by_user article.post div.overlay{padding:0}section#posts_by_user article.post div.link_container{width:100%}section#posts_by_user article.post div.link_container div.post_content{text-align:left}section#posts_by_user article.post div.link_container div.post_content div.title_and_date span{position:relative;z-index:3;font-style:italic;color:#bbb}section#posts_by_user article.post div.link_container div.post_content div.content{padding-block:20px}section#posts_by_user article.post div.link_container div.post_content div.content div{padding:0}section#posts_by_user article.post div.link_container div.post_content div.content div.text_container{max-height:70px;overflow:hidden}section#posts_by_user article.post div.link_container div.post_content div.content div.image_container{min-width:200px;min-height:200px;max-width:40vw;max-height:40vh}section#posts_by_user article.post div.link_container div.post_content div.content div.image_container img{display:block;min-width:inherit;min-height:inherit;max-width:inherit;max-height:inherit;object-fit:cover}section#options{padding:30px 1.5vw}section#options div.edit,section#options div.delete{text-align:left}section#options div.edit div,section#options div.delete div{width:11%;border-radius:10px;background-color:#232425;text-align:center}section#options div.edit div a,section#options div.delete div a{display:block;padding:15px 1vw;font-size:1.2em}section#options div.delete{margin-top:30px}section#options div.delete div{background-color:#460607}section input[type=file]{margin-bottom:0}section div.button_container button{transition:all .1s}section div.button_container button[type=button]{margin-right:2vw}section div.button_container button[disabled]{box-shadow:inset 0 0 8px 1px #111;background-color:#131415;cursor:not-allowed}section#upload_profile_picture{padding-top:40px}section#upload_profile_picture span.title{display:block;width:91.5%;margin:10px auto;border-bottom:1px solid #aaa;line-height:.1em;text-align:left}section#upload_profile_picture span.title span{padding-right:5px;background-color:#0e0f10;color:#aaa}section#upload_profile_picture div#profile_picture{width:16vh;height:16vh;margin-top:40px;margin-left:3.9vw}section#upload_profile_picture div#profile_picture img{display:block;width:inherit;height:inherit;max-width:inherit;max-height:inherit;object-fit:cover;object-position:0% 50%}section#upload_profile_picture div#profile_picture img.preview{object-position:50% 50%}section#upload_profile_picture form{padding-block:10px}section#upload_profile_picture form div.input_container{margin-inline:3.8vw;text-align:left}section#upload_profile_picture form div.input_container label{display:inline;box-shadow:inset 0 0 8px 2px #222;border:none;padding:15px 3vw;line-height:1em;background-color:#000;cursor:pointer}section#upload_profile_picture form div.input_container label:hover{background-color:#050607}section#upload_profile_picture form div.input_container input[type=file]{display:none}section#authorize_delete section{padding-block:20px}section#authorize_delete section#first_check h1,section#authorize_delete section#first_check p{padding-block:10px}section#authorize_delete section#first_check h1{color:#c00;font-size:2.4em}section#authorize_delete section#first_check p{font-size:1.4em}section#authorize_delete section#first_check p#question{font-size:1.8em;font-weight:700}section#authorize_delete section#second_check h2{font-size:1.8em}section#authorize_delete section#second_check form button{margin-top:0}section#create_post div#post_type_switch{width:92%;display:flex;align-items:center;margin:auto;padding-top:20px}section#create_post div#post_type_switch div.label{margin-right:2vw;font-size:1.4em;font-weight:700}section#create_post div#post_type_switch div.button_container{padding:0;text-align:center}section#create_post div#post_type_switch div.button_container button{border:0;padding:10px 2vw;box-shadow:var(--button-box-shadow);font-size:1.2em;font-weight:700;color:#fff;background-color:var(--button-color)}section#create_post div#post_type_switch div.button_container button:hover{background-color:var(--button-hover-color)}section#create_post div#post_type_switch div.button_container button:active{background-color:var(--button-active-color)}section#create_post div#post_type_switch div.button_container button.selected{box-shadow:var(--selected-button-box-shadow);background-color:var(--selected-button-color)}section#create_post form#image_post_form div.input_container:nth-child(2n){margin-top:40px}section#add_comment{padding:20px 1vw}section#add_comment form{margin:0;padding:0}section#add_comment form div.input_container{width:100%;margin:0 0 20px}section#add_comment form div.input_container textarea{width:100%;height:100%;margin:0;padding:20px 1vw}section#add_comment form div.button_container{position:relative;left:75.1vw;width:15%;padding:0}section#add_comment form div.button_container button{width:100%;height:100%;margin:0;padding:20px 1vw}section#comments{margin-top:40px}section#comments article.comment{display:flex;border:2px solid #000;text-align:left;background-color:#111}section#comments article.comment div.comment_info,section#comments article.comment div.comment_content{align-self:stretch}section#comments article.comment div.comment_info{width:9%;padding-block:10px;background-color:var(--section-color)}section#comments article.comment div.comment_info div.image_container{width:8vh;height:8vh;min-width:80px;min-height:80px;margin:10px auto}section#comments article.comment div.comment_info div.image_container img{display:block;width:100%;height:100%;border:5px solid black;object-fit:cover;object-position:0% 50%}section#comments article.comment div.comment_info div.author p{margin-bottom:5px}section#comments article.comment div.comment_info p{text-align:center;font-size:.9em}section#comments article.comment div.comment_info p span{font-weight:700}section#comments article.comment div.comment_content{width:91%;padding:20px 1vw;background-color:var(--post-comment-content-color)}section#comments article.comment div.comment_content p{font-size:1.2em}section#comments.empty{padding:40px 2.5vw;background-color:var(--section-color)}section#comments.empty p{text-align:left;font-size:1.6em}section#post{display:flex;align-items:center;margin-bottom:40px;background-color:transparent}section#post div.post_author,section#post div.post_content{display:flex;flex-direction:column;align-self:stretch}section#post div.post_author{width:13%;padding-block:20px;background-color:var(--section-color)}section#post div.post_author div.image_container{width:16vh;height:16vh;min-width:100px;min-height:100px;margin:20px auto;border:5px solid black}section#post div.post_author div.image_container img{display:block;width:100%;height:100%;object-fit:cover;object-position:0% 50%}section#post div.post_author p.header{font-size:1.2em}section#post div.post_author a{margin-bottom:10px;font-weight:700}section#post div.wrapper{display:flex;align-self:stretch;width:87%;padding:20px 2vw;text-align:left;background-color:var(--post-comment-content-color)}section#post div.wrapper div.post_content{width:99%}section#post div.wrapper div.post_content div.title{margin-bottom:10px;font-size:1.6em}section#post div.wrapper div.post_content div.title h1{margin-block-start:0;margin-block-end:0}section#post div.wrapper div.post_content div.content div.image_container{min-width:200px;min-height:200px;max-width:60vw;max-height:60vh}section#post div.wrapper div.post_content div.content div.image_container img{display:block;min-width:inherit;min-height:inherit;max-width:inherit;max-height:inherit;object-fit:cover}section#post div.wrapper div.post_content div.content.expandable:hover{color:#ddd;cursor:pointer}section#post div.wrapper div.options_container{position:relative}section#post div.wrapper div.options_container div.icon_container{border-radius:30px;padding:10px;cursor:pointer}section#post div.wrapper div.options_container div.icon_container img{width:8px;filter:invert(100%);-webkit-user-select:none;user-select:none}section#post div.wrapper div.options_container div.icon_container:hover{background-color:#505152}section#post div.wrapper div.options_container div.icon_container:active{background-color:#3c3d3e}section#post div.wrapper div.options_container div.list_container{position:absolute;right:.5vw;display:none;width:8vw;box-shadow:0 0 10px #000;background-color:#020304;transition:opacity .5s}section#post div.wrapper div.options_container div.list_container a{display:block;padding:10px 2vw;color:#fff}section#post div.wrapper div.options_container div.list_container a:hover{background-color:#505152;cursor:pointer}section#post div.wrapper div.options_container div.list_container.active{display:block}section#post.text{max-height:400px}section#post.missing{padding:2vh 2.5vw;background-color:var(--section-color)}input[readonly]{background-color:#090a0b;cursor:not-allowed;-webkit-user-select:none;user-select:none}section#delete_post section{padding-block:20px}section#delete_post section#first_check p#question{padding-block:10px;font-size:1.8em;font-weight:700}section#delete_post section#second_check h2{font-size:1.8em}section#delete_post section#second_check form button{margin-top:0}section#search div.container{padding:30px 0}section#search div.container form{display:flex;justify-content:space-between;align-items:center;padding:0 2vw}section#search div.container form input,section#search div.container form button{width:100%}section#search div.container form div.input_container{width:85%;margin-block:10px}section#search div.container form div.button_container{width:12%;padding:0}section#search div.container form div.button_container button{font-weight:700;letter-spacing:.03em}section#search div.container section#search_results{margin-top:20px;padding-inline:2vw}div.search_result{background-color:#191a1b}div.search_result div.link_container{display:flex;align-items:center;position:relative;width:100%;margin-block:10px;padding:20px 2vw}div.search_result div.link_container div.overlay>a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}div.search_result div.link_container div.profile_picture{width:12vh;height:12vh}div.search_result div.link_container div.profile_picture img{display:block;width:inherit;height:inherit;max-width:inherit;max-height:inherit;border:5px solid black;object-fit:cover;object-position:0% 50%}div.search_result div.link_container div.user_info{width:100%;padding-inline:2vw}div.search_result div.link_container div.user_info p{text-align:left}div.search_result div.link_container div.user_info p:first-child{margin-bottom:10px}div.search_result div.link_container:hover{background-color:var(--link-container-hover-color)}div.search_result div.link_container:active{background-color:var(--link-container-active-color)}
