@font-face{font-family:Cafe24Ohsquareair;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/Cafe24Ohsquareair.woff) format("woff")}:root{--mint:#9ddfd3;--coral:#fd9795;--beige:#e1cfbd}#root,body,html{height:100%;margin:0;min-width:320px;padding:0}body{padding:10px}*{box-sizing:border-box;font-family:Cafe24Ohsquareair}.title{align-items:center;border:5px solid #fd9795;border:5px solid var(--coral);color:#fd9795;color:var(--coral);font-size:1.5rem;height:50px;justify-content:center}.title,main{display:flex;flex-flow:row nowrap}main{height:calc(100% - 60px);margin-top:10px}.sidebar{border:5px solid #000;display:flex;flex-flow:column nowrap;flex-shrink:0;padding:10px;width:150px}.sidebar>span{font-size:1.5rem;margin-top:10px}.container{align-content:flex-start;border:5px solid #add8e6;display:flex;flex:1 1;flex-flow:row wrap;margin-left:10px;overflow-y:scroll}.card{background-color:#e1cfbd;background-color:var(--beige);border-radius:10px;display:flex;flex-flow:column nowrap;margin:10px;min-height:150px;padding:10px;width:200px}.card>img{height:auto;margin-bottom:10px;object-fit:contain;width:100%}.card>span{text-align:center;word-break:break-all}.add-button{background:#000;border-radius:10px;color:#fd9795;color:var(--coral);cursor:pointer;font-weight:700;padding:7px 10px}.add-button:hover{background:#fd9795;background:var(--coral);color:#000}.submit-button{background:#e1cfbd;background:var(--beige);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:7px 10px}.submit-button:hover{background:#9ddfd3;background:var(--mint)}.label{font-size:20px;font-weight:800;margin-bottom:5px}.input{border:2px solid #e1cfbd;border:2px solid var(--beige);border-radius:6px;font-size:18px;margin-bottom:10px;outline:none;padding:10px;width:100%}.input:focus{border-color:#9ddfd3;border-color:var(--mint)}.modal-background{background-color:rgba(0,0,0,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background-color:#fff;border-radius:10px;display:flex;flex-flow:column nowrap;height:400px;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px;z-index:11}.modal-close{cursor:pointer;font-size:20px;font-weight:700;padding:10px 20px;position:absolute;right:0;top:0;z-index:12}.modal-close:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:1000px){.card{background:#fd9795;background:var(--coral)}}@media (max-width:700px){.card{background:#9ddfd3;background:var(--mint)}}
/*# sourceMappingURL=main.52e3f0d4.css.map*/