*{margin:0;padding:0}@font-face{font-family:Chicago;src:url(/assets/ChicagoFLF-CzaLg2_R.ttf)format("truetype");font-weight:400;font-style:normal}html,body,#root{min-height:100%}body{background-color:#000;border-radius:100px;font-family:Chicago}.layout{background-color:#fff;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:90%;height:90dvh;min-height:90dvh;margin:5dvh auto;display:grid;overflow:hidden}header{background-color:#d8d7d5;align-items:center;padding:1%;display:flex}header img{width:3%}header nav ul{list-style:none;display:flex}header nav ul li{margin-left:10%}header a{color:#000;font-size:x-large;text-decoration:none}header a:hover{text-decoration:underline}header>a{margin-left:auto}.userMenu{margin-left:auto;position:relative}.userMenuButton{color:#000;cursor:pointer;background:0 0;border:none;font-family:Chicago;font-size:x-large}.userMenuButton:hover{text-decoration:underline}.userDropdown{z-index:100;background-color:#d8d7d5;border:3px solid #000;flex-direction:column;min-width:200px;display:flex;position:absolute;top:calc(100% + 5px);right:0}.userDropdown a,.userDropdown button{box-sizing:border-box;color:#000;text-align:left;cursor:pointer;background-color:#d8d7d5;border:none;width:100%;padding:8px 12px;font-family:Chicago;font-size:large;text-decoration:none}.userDropdown a:hover,.userDropdown button:hover{color:#fff;background-color:#000}header button{background:0 0;border:none;font-family:Chicago;font-size:x-large}header button:hover{cursor:pointer;text-decoration:underline}.layoutMain,.loginMain{background-color:#9f9f9f;background-image:radial-gradient(#6b6b6b 1px,#0000 1px);background-size:5px 5px;justify-content:center;min-height:0;padding:4% 5%;display:flex}.blogWindow{background-color:#fff;border:8px solid #000;flex-direction:column;width:100%;max-width:1400px;height:100%;min-height:0;display:flex}.windowHeader{color:#fff;background-color:#000;flex-shrink:0;justify-content:flex-end;align-items:center;height:30px;display:flex}.windowHeader h3{margin-bottom:7px;margin-right:auto}.windowControls{align-items:center;gap:9px;margin-bottom:5px;padding-right:8px;display:flex}.windowControls img{object-fit:contain;width:18px}.windowControls img:hover{cursor:pointer}.blogWindowContent{flex:1;min-height:0;padding:5%;overflow-y:auto}.articlePosts{border-bottom:2px solid gray;justify-content:space-between;align-items:center;padding:5px;display:flex}.postLink{color:inherit;text-decoration:none;display:block}.articlePosts:hover{cursor:pointer;background-color:#d8d7d5}.messageContainer,.articlePost h1{text-align:center}.postContent{margin-top:2%;font-family:Times New Roman,Times,serif;font-size:large}.postContent p{margin:0 0 15px}.postImage{text-align:center;margin-top:1%;margin-bottom:1%}.postImage img{cursor:pointer;width:45%;max-width:100%}.imageGalleryOverlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.imageGallery{background:#d8d7d5;border:5px solid #000;width:min(100%,1000px);max-height:90vh;padding:25px;position:relative}.imageGalleryContent{flex-direction:column;align-items:center;max-height:calc(90vh - 50px);display:flex;overflow-y:auto}.imageGalleryImage{object-fit:contain;border:4px solid #000;max-width:100%;max-height:65vh;display:block}.imageGalleryInfo{text-align:center;border-top:3px solid #000;width:100%;margin-top:15px;padding-top:10px}.imageGalleryInfo p{margin:5px 0}.imageGalleryContent p:first-child{margin-bottom:1%;font-size:large}.imageGalleryInfo h3{margin:5px 0}.imageGalleryClose,.imageGalleryPrevious,.imageGalleryNext{cursor:pointer;background:#d8d7d5;border:3px solid #000;justify-content:center;align-items:center;width:45px;height:45px;font-family:inherit;font-size:30px;display:flex;position:absolute;box-shadow:3px 3px #000}.imageGalleryClose:hover,.imageGalleryPrevious:hover,.imageGalleryNext:hover{background:#fff}.imageGalleryClose:active,.imageGalleryPrevious:active,.imageGalleryNext:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.imageGalleryClose{top:-20px;right:-20px}.imageGalleryPrevious{top:50%;left:-25px;transform:translateY(-50%)}.imageGalleryNext{top:50%;right:-25px;transform:translateY(-50%)}.imageGalleryPrevious:active,.imageGalleryNext:active{transform:translate(2px,-50%)}.postInfoDates{justify-content:space-between;margin-top:1%;font-size:small;display:flex}.layoutLogin{grid-template-rows:minmax(0,1fr)}.loginMain{min-height:0;position:relative}.loginTime{text-align:center;position:absolute;top:5%;left:50%;transform:translate(-50%)}.loginTime p{margin:0}.loginTime p:first-child{font-size:1.2rem}.loginTime p:last-child{font-size:3rem}.formRetro{text-align:center;font-family:Chicago}.formRetro input,.formRetro button,.formRetro a{box-sizing:border-box;font-family:Chicago;font-size:16px}.formRetro input[type=text],.formRetro input[type=password],.formRetro input[type=datetime-local]{background-color:#fff;border:2px solid #000;height:30px;padding:3px 6px;font-family:Chicago}.formRetro input[type=submit],.formRetro button,.formRetro .formCancel{color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;height:30px;padding:0 10px;text-decoration:none;display:inline-flex}.formRetro input[type=submit]:hover,.formRetro button:hover,.formRetro .formCancel:hover{background-color:#d8d7d5}.loginForm{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loginForm div{justify-content:center;align-items:center;display:flex}.loginButtons{gap:10px;margin-top:5%;display:flex}.loginInputs{margin-bottom:3%}.loginInputs input{padding:3px}.loginForm p{margin-right:2%;font-size:large}.loginForm img{width:30%;margin-bottom:2%}.uploadForm{text-align:center}.uploadForm h2{margin-bottom:2.5%}.uploadForm input[type=submit]{margin-top:1%}.uploadInputs{justify-content:center;align-items:center;gap:10px;margin-bottom:1%;display:flex}.uploadFile{flex-direction:column;align-items:center;gap:15px;margin-bottom:1%;display:flex}.uploadFileInput{display:none}.uploadFileButton{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;justify-content:center;align-items:center;height:30px;padding:0 10px;display:inline-flex}.uploadFileButton:hover{background-color:#d8d7d5}.uploadFileButton:active{border-style:inset}.uploadSelectedFile{background-color:#eee;border:1px solid #999;flex-direction:column;gap:5px;width:fit-content;padding:10px;display:flex}.uploadSelectedFile span:first-child{font-weight:700}.uploadSelectedFile span:last-child{color:#555;font-size:13px}.uploadImageList{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.uploadImageItem{background-color:#eee;border:1px solid #999;flex-direction:column;align-items:center;gap:8px;width:180px;padding:10px;display:flex}.uploadImageItem>img{object-fit:contain;background-color:#fff;border:1px solid #999;width:160px;height:120px;display:block}.uploadImageInfo{text-align:center;flex-direction:column;align-items:center;gap:3px;width:100%;display:flex;overflow:hidden}.uploadImageInfo span:first-child{text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:700;overflow:hidden}.uploadImageInfo span:last-child{color:#555;font-size:13px}.tagList{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tagList label{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;align-items:center;gap:4px;padding:4px 8px;display:flex}.postActions button{cursor:pointer}.postModalOverlay{z-index:1000;box-sizing:border-box;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.postModal{text-align:center;box-sizing:border-box;background:#fff;width:90%;max-width:700px;max-height:90vh;padding:25px;position:relative;overflow-y:auto}.postModal h2{margin-top:0}.postActions,.postModalActions{justify-content:center;align-items:center;gap:12px;margin-top:2%;display:flex}.postActions button,.postModalActions button{color:#000;cursor:pointer;background-color:#d8d7d5;border:2px solid #000;min-width:90px;height:32px;padding:0 14px;font-family:Chicago;font-size:16px}.postActions button:hover,.postModalActions button:hover{background-color:#9f9f9f}.postActions button:active,.postModalActions button:active{transform:translate(2px,2px)}.updateContent{width:100%}.updateContent h2{text-align:center;margin:0 0 25px}.updateContent form{flex-direction:column;gap:25px;display:flex}.updateField{flex-direction:column;align-items:center;gap:10px;display:flex}.updateField>label{font-size:large}.updateTitleField{justify-content:center;align-items:center;gap:12px;display:flex}.updateTitleField label{white-space:nowrap;font-size:large}.updateTitleField input[type=text]{box-sizing:border-box;background-color:#fff;border:2px solid #000;width:100%;min-width:0;padding:6px;font-family:Chicago;font-size:16px}.updateTitleField input[type=text]:focus{background-color:#eee;outline:none}.updateMarkdown{flex-direction:column;align-items:center;gap:12px;display:flex}.updateMarkdown label{font-size:large}.updateFileInput{display:none}.updateFileButton{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;justify-content:center;align-items:center;height:30px;padding:0 10px;display:inline-flex}.updateFileButton:hover{background-color:#d8d7d5}.updateFileButton:active{border-style:inset}.updateSelectedFile{background-color:#eee;border:1px solid #999;flex-direction:column;align-items:center;gap:5px;max-width:100%;padding:10px;display:flex}.updateSelectedFile span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.updateSelectedFile span:last-child{color:#555;font-size:13px}.updateImages{flex-direction:column;align-items:center;gap:15px;display:flex}.updateImages h3{margin:0}.updateImagesList{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.updateImage{box-sizing:border-box;background-color:#eee;border:1px solid #999;flex-direction:column;align-items:center;gap:8px;width:180px;padding:10px;display:flex}.updateImage img{object-fit:contain;background-color:#fff;border:1px solid #999;width:160px;height:120px;display:block}.updateImage button{color:#000;cursor:pointer;background-color:#d8d7d5;border:2px solid #000;width:100%;height:30px;padding:0 8px;font-family:Chicago;font-size:14px}.updateImage button:hover{background-color:#9f9f9f}.updateImage button:active{transform:translate(2px,2px)}.updateNewImages{flex-direction:column;align-items:center;gap:12px;display:flex}.updateNewImages>label{font-size:large}.updateImagesInput{display:none}.updateImagesButton{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;justify-content:center;align-items:center;height:30px;padding:0 10px;display:inline-flex}.updateImagesButton:hover{background-color:#d8d7d5}.updateImagesButton:active{border-style:inset}.updateNewImagesList{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;display:flex}.updateNewImage{box-sizing:border-box;background-color:#eee;border:1px solid #999;flex-direction:column;align-items:center;gap:8px;width:180px;padding:10px;display:flex}.updateNewImage span:first-child{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-weight:700;overflow:hidden}.updateNewImage span:nth-child(2){color:#555;font-size:13px}.updateNewImage button{color:#000;cursor:pointer;background-color:#d8d7d5;border:2px solid #000;width:100%;height:30px;padding:0 8px;font-family:Chicago;font-size:14px}.updateNewImage button:hover{background-color:#9f9f9f}.updateNewImage button:active{transform:translate(2px,2px)}.updateContent .postModalActions{justify-content:center;align-items:center;gap:12px;margin-top:5px;display:flex}.updateContent .postModalActions button{color:#000;cursor:pointer;background-color:#d8d7d5;border:2px solid #000;min-width:90px;height:32px;padding:0 14px;font-family:Chicago;font-size:16px}.updateContent .postModalActions button:hover{background-color:#9f9f9f}.updateContent .postModalActions button:active{transform:translate(2px,2px)}.uploadImageActions{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.uploadImageActions button{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;justify-content:center;align-items:center;width:35px;height:30px;padding:4px;display:flex}.updateButtonDeleteImgs{cursor:pointer;background-color:#d8d7d5;border:2px solid #000;padding:4px;font-family:Chicago}.updateButtonDeleteImgs:hover,.uploadImageActions button:hover:not(:disabled){background-color:#9f9f9f}.uploadImageActions button:active:not(:disabled){transform:translate(2px,2px)}.uploadImageActions button:disabled{opacity:.4;cursor:default}.uploadImageActions img{object-fit:contain;background:0 0;border:none;width:16px;height:16px}.noPosts{text-align:center}footer{box-sizing:border-box;background-color:#d8d7d5;align-items:center;width:100%;padding:0 1%;display:flex}footer p{width:33.333%}footer p:first-child{text-align:left}footer p:nth-child(2){text-align:center}footer p:nth-child(3){text-align:right}.imageGalleryClose,.imageGalleryPrevious,.imageGalleryNext{color:#000}@media (width<=600px){.layout{border-radius:12px;width:95%;height:95dvh;min-height:95dvh;margin:2.5dvh auto}header{padding:10px}header img{width:30px}header nav ul{gap:10px}header nav ul li{margin-left:0}header a,.userMenuButton{font-size:large}.userDropdown{min-width:170px}.layoutMain,.loginMain{padding:20px}.blogWindow{border-width:5px}.windowHeader{height:25px}.windowControls{gap:5px;margin-bottom:3px;padding-right:5px}.windowControls img{width:15px}.blogWindowContent{padding:20px}footer{padding:5px 10px;font-size:small}.postImage img{width:auto;max-width:80%;max-height:500px;margin-top:2%;margin-bottom:2%}.postContent{margin-top:5%}}