body{background-image:linear-gradient(90deg,#e5e7eb 1px,#0000 1px),linear-gradient(#e5e7eb 1px,#0000 1px);background-size:40px 40px}header{text-align:center;background:#ffbebe;border:2px solid #db7093;padding:10px;box-shadow:5px 5px #289fed,10px 10px #5fb8ff,15px 15px #a1d8ff,20px 20px #cae6ff,25px 25px #e1eeff,7px 11px 0 2px #0000}header span{font-family:Verdana,Geneva,Tahoma,sans-serif}.card-container{gap:10px;width:100%;display:flex}.title{text-align:center;background-color:#77edffa9;margin:0;padding:20px}.adpo{background-color:#b9e7e9;border:2px solid #272727;width:500px;height:450px;box-shadow:4px 4px #160e0e}.section{background-color:#272727;width:100%;height:2px}.image{justify-content:center;align-items:center;width:100%;height:300px;padding:10px;display:flex}.image img{border:10px solid #00f0;height:100%;transition:all .2s}.image img:hover{box-shadow:3px 3px 4px #543143}#button-exp{color:#fff;cursor:pointer;background:#6c4eaf;border:none;margin:12px;padding:11px 33px;font-family:Times New Roman,Times,serif;font-size:20px;text-decoration:none;box-shadow:6px 6px #000}.explanation{background-color:#f6dc72e1;border-top:4px solid #e9bb00d3;border-radius:0 0 5px 5px;width:400px;height:auto;margin-top:150px;margin-left:50px;animation:.5s ease-out fadeIn;position:fixed;box-shadow:0 10px 35px #00000059,inset 0 1px #ffffff26}.explanation p{padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}0%{height:25px}50%{height:50%}to{height:100%}}.explanation button{background-color:#fe6060;border:none;outline:none;padding:5px;position:absolute;top:10px;right:10px}.dialog{z-index:999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.dialog-content{background:#efe57a;width:80%;height:80%;padding:20px;overflow:auto;box-shadow:6px 6px #100a0a}.dialog-header{justify-content:space-between;align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;display:flex}#gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.image-card{border:2px solid #000;overflow:hidden;box-shadow:3px 3px #4d3312}.image-card img{object-fit:cover;width:100%;height:180px}.image-card h3{text-align:center;color:#fff;background-color:#289fed;padding:10px;font-size:16px}.search{color:#6c4eaf;border:none;outline:none;width:80%;height:30px;margin-left:30px;font-weight:700;box-shadow:4px 4px}#searchBtn{cursor:pointer;background:#fbca1f;border:3px solid #000;border-radius:.4em;margin:30px;padding:.6em 1.3em;font-family:monospace;font-size:18px;font-weight:700;box-shadow:.1em .1em}#searchBtn:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}.iss{background:#fff;border:2px solid #000;width:60%;margin-left:10px;padding:10px;font-family:Courier New,monospace;transition:all .3s;box-shadow:6px 6px #000}.iss:hover{background:#eef6ff;transform:translate(6px)}.iss strong{color:#5624c3;width:100px;font-family:Segoe UI,sans-serif;font-size:15px;display:inline-block}@media (width<=768px){.card-container{flex-direction:column}.adpo{width:100%}}.footer{margin-top:5%}.footer h1{text-align:center;text-shadow:2px 2px 3px #000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.footer span{color:#5624c3;background-color:#0a050557;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}