body{background-image:url("/images/blue_triangles.webp");background-position:top right;background-size:auto}h1{color:white;text-align:center}#gallery-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(256px, 1fr));grid-auto-rows:minmax(150px, 1fr);grid-gap:2rem;justify-items:center;margin:0px 8px}article.card{border:2px silver solid;border-radius:8px;max-width:256px;background-color:#04112c;margin-bottom:16px;box-shadow:0 15px 25px rgba(0,0,0,0.6)}article.card img{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid silver;width:100%;cursor:zoom-in}article.card .card-data{padding:8px 16px;color:silver;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center}article.card .card-data h3{margin:0}#auditor-panel{display:none;opacity:0;max-width:800px;position:fixed;top:64px;left:16px;right:16px;margin:0 auto}#auditor-panel .modal-content{position:fixed;z-index:30}#auditor{padding:48px;background-color:rgba(0,0,0,0.9);border-radius:8px;border:gold 2px solid;box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,0.6);color:white;max-width:800px;display:grid;grid-template-columns:256px auto}#auditor article.text{padding-left:32px}#auditor article.text h3{padding:0;margin:0}#auditor .close-button{position:absolute;top:16px;right:16px;z-index:100;color:red;cursor:pointer}#auditor .close-button:hover{color:gold}#auditor img{cursor:auto}#paginator{color:white;text-align:center}#paginator ul li{display:inline-block;list-style:none}#paginator button{background-color:#0d47a1;color:white;border:silver 1px solid}.field-box{position:relative;margin-left:16px}.field-box input{width:300px;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.field-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:0.5s}.field-box input:not(:focus)::-webkit-input-placeholder{visibility:hidden}.field-box input:focus ~ label,.field-box input:not(:placeholder-shown) ~ label{top:-20px;left:0;color:#2196f3;font-size:12px}.field-box input:focus ~ label.is-invalid,.field-box input:valid ~ label.is-invalid,.field-box input:not(:placeholder-shown) ~ label.is-invalid{color:red}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out 0s;background:transparent}.buttons{margin:16px 0}nav.evaluations-menu{text-align:center;margin:0 16px}nav.evaluations-menu ul li{display:inline-flex}.detail-link{cursor:pointer;color:#2196f3}.buttons div{text-align:center;margin:24px auto}article.card-error{background-color:#EF9A9A;margin:0 auto;width:fit-content;max-width:inherit;padding-right:16px}ul.pagination{margin:0 auto;text-align:center;font-weight:bold}ul.pagination li{display:inline-block;width:32px;padding:8px;font-size:1.5em}ul.pagination li a{color:gold}ul.pagination li a:hover{color:red}