.container{padding-inline:450px}.input-row{width:100%;height:50px;display:grid;grid-template-columns:1fr 150px;column-gap:20px;margin-block:50px}.input-row input{width:100%;height:100%;font-size:18px;padding:10px;border:none;border-radius:5px;background-color:#526d82;color:#dde6ed;transition:all .1s ease-in-out}.input-row input::placeholder{color:#dde6ed}.input-row input:focus{background-color:#63849e}.input-row button{font-size:18px;padding:10px 20px;border:none;border-radius:5px;background-color:#9db2bf;color:#000;cursor:pointer;transition:all .1s ease-in-out}.input-row button:hover{background-color:#dde6ed}.content-container{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:25px;padding-bottom:10px}@media only screen and (max-width: 1550px){.container{padding-inline:250px}}@media only screen and (max-width: 1150px){.container{padding-inline:100px}}@media only screen and (max-width: 768px){.container{padding-inline:25px}.input-row{grid-template-columns:1fr;row-gap:10px;height:auto}.input-row button{width:100%}.content-container{row-gap:10px}}header{width:100%;padding-block:10px;background-color:#526d82;box-shadow:0 2px 4px #0003;position:sticky;top:0px;left:0px;z-index:90}@media only screen and (max-width: 768px){header{font-size:14px;justify-content:center;display:flex}}footer{text-align:center;padding-block:10px}footer a{color:#dde6ed;text-decoration:none;transition:all .1s ease-in-out}.qr-item{width:100%;padding:25px;display:grid;grid-template-columns:150px 1fr;column-gap:20px;background-color:#526d82;border-radius:5px}.qr-item>img{width:100%;height:100%;border-radius:5px;cursor:pointer}.qr-item .details{display:flex;flex-direction:column;row-gap:20px}.qr-item h3 a{display:flex;align-items:center;color:#dde6ed}.qr-item h3 a img{width:20px;height:20px;margin:0 5px 0 0;cursor:pointer;transition:all .1s ease-in-out}.details .description{width:100%;display:flex;align-items:center;justify-content:space-between}.qr-item .edit{display:flex;flex-direction:column;column-gap:10px}.qr-item .edit a{width:fit-content}.qr-item .edit .delete-btn{width:fit-content;font-size:15px;padding:5px 10px;margin-top:10px;border:none;border-radius:5px;background-color:#9db2bf;color:#000;cursor:pointer;transition:all .1s ease-in-out}.qr-item .edit .delete-btn:hover{background-color:#dde6ed}@media only screen and (max-width: 768px){.qr-item{grid-template-columns:1fr;padding:10px;text-align:center}.qr-item .details .description{flex-direction:column;row-gap:10px}.qr-item img{width:100%;height:auto;margin-bottom:15px}.qr-item .edit{align-items:center}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.popup-content{width:500px;background-color:#27374d;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.popup-content a{color:#dde6ed;text-decoration:none;transition:all .1s ease-in-out;display:flex;align-items:center}.popup-content a img{width:20px;height:20px;margin-right:5px}.popup-content-header{width:100%;color:#fff;display:flex;justify-content:center;align-items:center;padding-block:15px}.popup-content-body{width:100%;min-height:400px;display:flex;justify-content:center;align-items:center}.popup-content-body img{width:400px;border-radius:5px}.popup-content-footer{width:100%;color:#fff;display:flex;justify-content:space-around;align-items:center;padding-block:15px}.popup-content-footer button{width:fit-content;padding:7px 10px;border-radius:5px;border:none;outline:none;cursor:pointer;background-color:#9db2bf;transition:all .1s ease-in-out}.popup-content-footer button:hover{background-color:#dde6ed}.popup-content-footer button a{color:#000}.popup-content-footer button a:hover{text-decoration:none}@media screen and (max-width: 600px){.popup-content,.popup-content-body img{width:90%}}*{margin:0;padding:0;box-sizing:border-box;outline:none;list-style-type:none;text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#27374d;color:#dde6ed}a{color:#27374d}a:hover{text-decoration:underline}