html{font-family:Arial,sans-serif;margin:0;padding:0;font-weight:400;background:#2d2d2d;background:linear-gradient(0deg,#141414 0%,#141414 50%,#282828 100%);height:100%}body{margin:0;padding:0}.header{background:#222;background:linear-gradient(90deg,#222222 0%,#3d3d3d 50%,#222222 100%);text-align:center;margin:0;font-size:1.2rem;word-wrap:none;padding:10px 0}.header a{color:rgba(255,255,255,.7);text-decoration:none}.header a :hover{font-weight:500}nav a{color:#fff;margin:0 1em;text-decoration:none}.album-list{display:flex;width:768px;justify-content:space-evenly;margin:0 auto;background:#222;background:linear-gradient(30deg,#1a1a1a 0%,#2a2a2a 30%,#2a2a2a 70%,#1a1a1a 100%);padding:10px 0 30px;flex-wrap:wrap;border-radius:8px;overflow:hidden}.album-list .album{display:block;padding:10px}.album-list a{text-decoration:none;color:#fff;text-align:center}.album-list a :hover{font-weight:500}.album-list .album_name{margin:10px 0;color:rgba(255,255,255,.75)}.picture-list{display:flex;width:768px;justify-content:space-evenly;margin:0 auto;background:#222;background:linear-gradient(30deg,#1a1a1a 0%,#2a2a2a 30%,#2a2a2a 70%,#1a1a1a 100%);padding:30px 0;flex-wrap:wrap;border-radius:8px;overflow:hidden}.picture-list .picture{display:block;padding:10px}.picture-list a{text-decoration:none;color:#fff;text-align:center}.picture-list .picture_name{margin:10px 0;color:rgba(255,255,255,.75)}.block-title{display:flex;font-size:1.1rem;margin:10px auto 0;padding:10px 0;width:768px;color:rgba(255,255,255,.6);position:relative;left:10px}.nav-link-block{width:768px;margin:20px auto 0}.nav-link-block a{text-decoration:none;color:rgba(255,255,255,.6);position:relative;left:10px;display:block;font-size:.85rem}.nav-link-block a:hover{color:#fff;font-weight:700}@media(max-width:768px){.album-list{width:100%}.picture-list{width:100%}.block-title{width:100%}.nav-link-block{width:100%}}.thumbnail{width:200px}.admin-section{margin:2em auto;padding:30px 10px;background:#fff;border:1px solid #ddd;border-radius:8px;max-width:1e3px}form{display:flex;flex-direction:column;gap:1em}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.overlay-content{background:#fff;padding:2em;border-radius:5px;max-width:500px}.close-overlay{float:right;cursor:pointer}.thumbnail{width:200px}.drop-zone{border:2px dashed #ccc;padding:20px;text-align:center;background-color:#f9f9f9;margin:10px 0;transition:border-color .3s,background-color .3s}.drop-zone.dragover{border-color:#007bff;background-color:#e7f3ff}.drop-zone p{margin:0;color:#666}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.errors{color:red;list-style:none;padding:0;margin-bottom:10px}button{padding:1px 20px 0;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;height:23px;margin:2px 10px}button:hover{background-color:#0056b3}