@import url(https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&display=swap);
:root{--fg: #eee;--fg-low: #ccc;--bg: #222;--bg-low: #444}
@keyframes wait-pattern{0%{background-position:0% 50%}100%{background-position:100% 50%}}*{margin:0;padding:0}html{height:100%}body{height:100%;background-color:var(--bg)}#app-root{height:100%}.limiter{width:100%}.square{position:relative}.square>div{margin-top:100%}.square>div>div{position:absolute;top:0;left:0;bottom:0;right:0}.header{height:10vh;font-family:"Hedvig Letters Serif",sans-serif}.header>div:first-child{background:var(--bg-low)}.header>div:first-child>h1{text-align:right;padding-right:1vmin;font-size:max(5vmin,2em);height:max(7vmin,5vh);line-height:max(7vmin,1.5em)}.header>div:first-child>h1 a{text-decoration:none;color:var(--fg-low)}.navbar{font-family:Verdana,Geneva,Tahoma,sans-serif;position:relative;width:100%;height:5vh;line-height:5vh;font-size:1.5vh;padding:.2em 0;color:var(--fg);background-color:var(--bg)}.navbar label{float:right}.navbar>input{display:none}.navbar ul{display:none;list-style-type:none}.navbar ul li{list-style:none}.navbar ul li a{display:block;color:var(--fg);text-decoration:none;padding:0em .5em;border:1px solid rgba(0,0,0,0);transition:border-color 1s;background-color:var(--bg)}.navbar ul li a.active{border:1px solid var(--fg-low)}.navbar #navbar-toggle:checked~ul,.navbar #navbar-toggle:hover~ul,.navbar #navbar-toggle~ul:hover{position:absolute;right:0;top:2em;display:block;background-color:var(--bg);z-index:1}.navbar #navbar-toggle:checked~ul>li:hover,.navbar #navbar-toggle:hover~ul>li:hover,.navbar #navbar-toggle~ul:hover>li:hover{background-color:var(--fg-low)}.navbar #navbar-toggle:checked~ul>li:hover a,.navbar #navbar-toggle:hover~ul>li:hover a,.navbar #navbar-toggle~ul:hover>li:hover a{color:var(--bg-low)}.navbar .navbar-toggle-icon-holder{height:2em;width:2em}.navbar .navbar-toggle-icon-holder img{width:100%;height:100%}main{color:var(--fg-low);height:100%}.image-gallery{margin-top:2vh;display:flex;flex-wrap:wrap}.image-gallery .centered-image{width:100%;position:relative}.image-gallery .centered-image .centered-image-sizer{margin-top:200%}@media only screen and (min-width: 600px){.limiter{width:90%;max-width:1800px;margin:0 auto}.image-gallery .centered-image{width:50%}.navbar{height:5vh;text-align:right}.navbar #navbar-toggle-label{display:none}.navbar>ul{height:5vh;position:relative;display:block}.navbar>ul li{display:inline-block}.navbar>ul li a{padding:0 .5em;border-radius:.3em}.navbar>ul li a:hover{background-color:var(--fg-low);color:var(--bg-low)}.navbar #navbar-toggle:checked~ul,.navbar #navbar-toggle:hover~ul,.navbar #navbar-toggle~ul:hover{position:relative;right:0;top:0}}@media only screen and (min-width: 768px){.image-gallery .centered-image{width:33.333%}}@media only screen and (min-width: 992px){.image-gallery .centered-image{width:25%}}@media only screen and (min-width: 1200px){.image-gallery .centered-image{width:20%}}.page-login{font-family:Verdana,Geneva,Tahoma,sans-serif}.page-login form{width:50vmin;height:30vmin;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page-login form fieldset{position:relative;width:100%;height:100%;border-radius:.5em}.page-login form fieldset legend{font-size:200%;padding:0 .3em;margin-left:1em}.page-login form fieldset table{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-spacing:.8em}.page-login form fieldset table td{height:3vmin}.page-login form fieldset table input{background-color:var(--fg-low);width:100%}.page-login form fieldset table .button-holder{text-align:right}.page-login form fieldset table .button-holder button{transition:all .2s;padding:.3em 1em;border-radius:.4em}.page-login form fieldset table .button-holder button:hover{background-color:var(--bg-low);color:var(--fg-low)}.page-login form fieldset table .message-field{background-size:200% 100%;border-radius:.3em;border:1px solid var(--bg-low)}.page-login form fieldset table .message-field.working{background-image:repeating-linear-gradient(-45deg, var(--fg-low) 0, var(--bg-low) 5px, var(--fg-low) 10px);animation:10s linear infinite wait-pattern}.page-login form fieldset table .message-field.error{background-color:red;color:#000;font-weight:bold;text-align:center;border:1px solid #fff}@keyframes suck{50%{background-size:50vmin 50vmin}}@-webkit-keyframes suck{50%{background-size:140%}}@keyframes swirl{0%{background-color:var(--bg-low)}50%{background-color:var(--bg)}100%{background-color:var(--bg-low)}}.page-upload{font-family:Verdana,Geneva,Tahoma,sans-serif;height:90vh;padding-top:3vh}.page-upload .image-drop-target{width:90%;height:90%;margin:0 auto;border:3px dashed var(--fg);padding:1em;border-radius:1em}.page-upload .image-drop-target .image-upload-menu p{padding-bottom:1em}.page-upload .image-drop-target .image-upload-menu>div{margin-top:2em;text-align:center}.page-upload .image-drop-target .image-upload-menu #input-image-upload{display:none}.page-upload .image-drop-target .image-upload-menu .upload-button{border-radius:.3em;border:1px solid var(--fg);padding:.6em 1em;color:var(--fg);background-color:var(--bg);transition:all .2s linear,color .2s linear;display:block;width:10em;margin:0 auto;text-align:center}.page-upload .image-drop-target .image-upload-menu .upload-button:hover{background-color:var(--fg);color:var(--bg)}.page-upload .image-drop-target.dragging{background-position:50% 50%;background-image:radial-gradient(transparent 0% 45%, var(--fg) 45% 50%, transparent 50% 100%);-webkit-animation:suck 1s linear infinite;animation:suck ease-in-out .8s infinite;background-size:10vmin 10vmin;background-repeat:no-repeat}.page-upload .image-drop-target.dragging .image-upload-menu{display:none}.page-upload progress{width:100%;height:2vh;margin:0 0 1em 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg)}.page-upload progress::-webkit-progress-bar{border:1px solid var(--fg-low);background-color:var(--bg);height:2vh}.page-upload progress::-webkit-progress-value{background-color:var(--fg)}.page-upload progress::-moz-progress-bar{background-color:var(--fg)}.page-upload .thumbs{width:100%;display:flex;flex-wrap:wrap}.page-upload .thumbs .thumb{width:calc(12.5% - 4px);background-color:var(--bg-low);animation:swirl 1s linear infinite;border:1px solid var(--fg-low);margin:0 2px 2px 0}.page-upload .thumbs .thumb img{width:100%;height:100%;object-fit:cover}