html{width:100%;height:100%;position:fixed;bottom:0%;right:0%}body{background-color:#88847d;width:100%;height:100%;margin:0}.maincontent{background-color:#dcd3d3e6;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:absolute;bottom:0%;right:0%;overflow-y:scroll}fieldset:first-child{width:60%;margin:auto;padding:2%}div.form{overflow:hidden}li.div{list-style-type:none}.photothumbnail{justify-content:center;align-items:center;width:241px;height:189px;display:flex}.tooltip{justify-content:center;display:grid;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#0000004d;border-radius:6px;width:60%;padding:5px 0;position:absolute;top:35%;right:20%}.back{visibility:visible;z-index:2;font-size:1em;position:fixed;bottom:20%;left:15%}.next{visibility:visible;z-index:2;font-size:1em;position:fixed;bottom:20%;right:15%}.tooltip:hover .tooltiptext{visibility:visible}fieldset{background-color:#f3ecec66;border:1px dotted green;border-radius:8px}legend{color:#1962c25b;z-index:1.5;font-family:Brush Script MT,Lucida Console,Monaco,monospace;font-size:1.5em}.displayimage{width:700px;max-height:600px;margin:auto;display:block;overflow-y:scroll}.closeWindow{z-index:2;width:10%;height:10%;text-decoration:none;position:fixed;top:12%;right:2%}.next,.back{color:#fff;z-index:1;font-family:Brush Script MT,Lucida Console,Monaco,monospace;font-size:1.5em;text-decoration:none}h1,h2{color:#2a61c7}.header{z-index:1;-webkit-box-shadow:1px 3px 5px #00000070;-moz-box-shadow:0 3px 5px #00000070;background:-webkit-linear-gradient(#f3ecece6,#f3ecec99);justify-content:center;align-items:center;width:100%;height:7%;display:flex;position:fixed;top:0%;box-shadow:1px 3px 5px #00000070}.headertitle{color:#1962c25b;z-index:1;font-family:Brush Script MT,Lucida Console,Monaco,monospace;font-size:xx-large;font-weight:700}.footer{z-index:1;background:-webkit-linear-gradient(#f3ecece6,#f3ecec99);justify-content:center;align-items:center;width:100%;height:7%;display:flex;position:fixed;bottom:0%;box-shadow:0 -5px 3px -2px #00000070}p{text-align:justify;padding:1em 2em}.grid-container{color:#f8f5f5e3;grid-gap:6px;grid-template-columns:auto auto auto auto;align-content:center;margin:auto;padding-top:3%;display:grid}label{color:#7f5f87;border-radius:1%;font-size:1em}button{text-align:center;-webkit-box-shadow:0 2px 2px 1px #b0a5a570;-moz-box-shadow:0 2px 2px 1px #86141470;cursor:pointer;background:-webkit-linear-gradient(#f3ecec4d,#f3ecec80);border:.2em #fff;border-radius:40%;font-size:1em;text-decoration:none;display:inline-block;box-shadow:0 2px 2px 1px #00000070}button:hover{color:#00f;border:.2em #9932cc}button:active{color:#ff0;border:.2em #ff0}a.deletebutton:active{color:#ece251;border:.2em #96ccba}#mobilemenuul{list-style-type:none}#mobilemenu,#menubutton{display:none}.carousel-overlay{background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#close-btn{color:#fff;position:absolute;top:25%;right:20%}.item{border-radius:1%;margin-left:.5em;margin-right:.5em;padding:.5em 0}@media screen and (width<=800px) and (orientation:portrait){.grid-container{color:#f8f5f5e3;grid-gap:0em;grid-template-columns:auto;align-content:center;margin:auto;display:grid}}