@font-face{font-family:handwritten-font;font-style:normal;font-weight:400;src:url(/static/media/Handwritten_Institute.391f30519707eb63df4e.ttf)}body{background-color:#e6e6e6}.header-container{display:flex;flex-direction:column;gap:-5px}.header-container h1,.header-container h2{margin:0}.standard-font{margin:0}.standard-font,p{font-family:handwritten-font,sans-serif;font-size:25px}p{margin-bottom:0;margin-top:-4px}.about-p{margin-bottom:20px}h1,h2{font-family:handwritten-font,sans-serif}h2{color:grey}#logo-link{opacity:1}a{font-family:handwritten-font,sans-serif;font-size:25px;margin-top:-4px;opacity:.7;text-decoration:none;transition:.2s}.about-a{background-color:#222;color:#f8f8f8;font-weight:700;padding:4px 8px}a:hover{font-size:27px;opacity:1;transform-origin:left center}a:link,a:visited{color:#000}#app-container{display:flex;height:100vh;margin:0}#about-container{margin:0 auto;max-width:100%;padding:20px}.about-image{display:block;height:auto;margin:0 auto;max-width:900px;min-width:200px;object-fit:contain;width:100%}#main-page{display:grid;grid-template-rows:auto;margin:0;padding:0 0 0 20px}#main-image-container{margin-top:20px;max-height:600px;max-width:800px;min-height:300px;min-width:250px}#main-side{overflow-x:hidden;overflow-y:auto;width:100%}#main-page-img{border:0 solid #555;height:auto;width:100%}#left-side{min-width:270px;overflow:hidden;padding:20px 0 0 20px;width:270px}#left-side-menu{display:grid}#logo-container{display:grid;font-family:handwritten-font,sans-serif;max-width:200px;text-align:center}#kir-logo{max-width:220px;padding-left:10px;padding-top:10px;width:100%}#watercolors{color:#222;font-size:34px;margin-left:15px;margin-top:-15px}#menu-container{margin-top:100px;padding-left:10px}ul{border:1px solid #000c;display:inline-block;list-style-type:none;vertical-align:middle;width:70%}body{margin:0}#random-images-container___{grid-row-gap:350px;border:0 solid #000c;display:grid;grid-auto-rows:70px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));width:100%}#images-container{display:flex;flex-wrap:wrap;outline:0 solid #04f;width:100%}.picture-item-container{float:left;margin:15px;outline:0 solid #ffe600;outline-offset:-2px;width:300px}.image-container{height:350px;outline:4px solid #fff;outline-offset:-2px;width:300px}.picture-item-title{text-align:center;width:100%}#detail-page{display:flex}#detail-page-dashboard{max-width:400px;min-width:300px;padding-left:20px;padding-right:20px}#addPage-description-box{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;height:200px;resize:none;width:400px}.fixed-header{background-color:#cdcdcd;border:none;color:#fff;height:50px;left:0;position:fixed;top:0;width:100%;z-index:1000}.fixed-header nav{align-items:center;border:none;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}#kir-logo-header{display:block;height:40px;width:auto}.nav-links{border:none;display:flex;gap:20px;list-style:none}@media (max-width:767px){#left-side{display:none}#main-side{padding-top:50px}#detail-page-dashboard{display:none}}@media (min-width:768px){#mobile-description,#mobile-title,#top-header{display:none!important}}.header-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.controls{display:flex;gap:10px}.cancel-button,.edit-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.edit-button{background:#007bff;color:#fff}.edit-button.active{background:#6c757d}.save-button{background:#28a745;color:#fff}.cancel-button{background:#6c757d;color:#fff}.cancel-button:disabled,.edit-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.editing-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-bottom:20px;padding:10px;text-align:center}.draggable-item{position:relative;transition:all .2s ease}.draggable-item.draggable{cursor:grab}.draggable-item.draggable:active{cursor:grabbing}.draggable-item.draggable:hover{box-shadow:0 4px 15px #0003}.order-badge{align-items:center;background:#000000b3;border-radius:20px;color:#fff;display:flex;font-weight:700;gap:5px;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:10}.drag-handle{cursor:grab;font-size:16px}.images-container.editing-mode{min-height:200px}.draggable-item.dragging{opacity:.4;transform:scale(.95)}.draggable-item.drop-target{border:2px dashed #007bff}
/*# sourceMappingURL=main.ac1fc7e7.css.map*/