@import"https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,700&display=swap";*,html{margin:0;padding:0;box-sizing:border-box;font-size:16px;list-style-type:none;transition:all .3s ease-in-out}body{background:url("/images/library.webp");-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;min-height:100vh}h1{font-size:3em;letter-spacing:1em;margin:auto;padding-left:1em;margin-bottom:.5em}h2{font-size:2em;letter-spacing:.3em}h3{font-size:1.75em}h4{font-size:1.5em;font-weight:700;font-style:italic}h1,h2,h3,h4{text-align:center;font-family:"Gentium Book Plus",serif}header{width:100%;background:#240700;border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-bottom:3px solid #fff;margin-bottom:1em}main{display:flex;flex-wrap:wrap;gap:1em;justify-content:flex-start;background-image:radial-gradient(rgba(250, 250, 250, 0.5), rgb(0, 0, 0)),url("/images/rack.svg");background-position:top,bottom;background-repeat:no-repeat;background-size:cover,cover;margin:auto;width:80%;padding:2em 3em;border-radius:10%}main article{padding:.5em 0 .5em 1em;background:#322424;border-radius:10%;border:3px solid #141806;height:-moz-max-content;height:max-content;width:200px}main article ul{background:#643824;font-family:"Gentium Book Plus",serif;font-weight:400;width:-moz-max-content;width:max-content;margin:auto;padding:1.5em .5em .3em .3em;text-align:center;border-radius:10%;height:100%;width:100%}main article ul h4{margin-top:5px}main article ul li{margin:auto;padding-top:20px;border-top:1px solid #000;width:50%}main article ul :nth-child(2){width:100%}main article ul :nth-child(4),main article ul :nth-child(5){border:none}main article ul div{display:flex;justify-content:space-between}main article ul div button{margin-bottom:auto}main button{background:none;border:3px solid #326464;font-size:1.5em;padding:.5em 1em;color:#fff;border-radius:10px;cursor:pointer;height:-moz-max-content;height:max-content}main .plus{border:3px solid #000;background:#240700}main .plus:hover{font-weight:700;color:green;background:#fff;border:3px solid #000}main .read-button{font-size:1em}main .delete-button{color:red;border:1px solid #000;font-size:1em}main button:hover{background:#326464;border:3px solid #fff;scale:1.1}main form{height:-moz-max-content;height:max-content;display:flex;flex-direction:column;gap:1em;border:2px solid #240700;padding:1em;border-radius:10px}main form input[type=text]{text-align:center;padding:.1em .3em;color:#fff;background:#240700}main form input[type=text]:focus{background:#000;color:#fff}main form label{text-align:center}main form label input{width:-moz-max-content;width:max-content;padding:.3em;cursor:pointer}main form label:hover{color:green}main form input[type=submit]{background:#326464;color:#fff;padding:.3em 0;border-radius:10px;border:none;cursor:pointer}main form input[type=submit]:hover{background:orange;scale:1.1}main form input[type=checkbox]:hover{scale:1.3}main form .alert{background:#f30 !important}main form .exit{background:red;color:#fff;font-size:1em;padding:.3em}footer{width:100%;background:#240700;display:flex;border-top:3px solid #fff;position:absolute;bottom:0}footer span{font-size:2em;margin:auto}@media screen and (max-width: 576px){html,*{font-size:12px}h1{letter-spacing:.5em}h2{letter-spacing:0}main{border-radius:0;padding:1em;margin:0;justify-content:space-between;gap:0;width:100%;min-height:576px}main article{width:45%;margin-top:10px}}@media screen and (min-width: 1440px){main{padding-inline:10em;justify-content:space-between;min-height:600px}main article{margin-bottom:auto}form{margin-left:auto}.plus{margin-bottom:auto;margin-left:auto;padding:2em 1em}}/*# sourceMappingURL=main.min.css.map */