@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{padding:0;margin:0;font-family:Poppins,monospace}ul{list-style:none;background:#8c52ff}ul li{display:inline-block;position:relative}ul li a{display:block;padding:20px 25px;color:#fff;text-decoration:none;text-align:center;font-size:20px}ul li ul.dropdown li{display:block}ul li ul.dropdown{width:100%;background:#8c52ff;position:absolute;z-index:999;display:none}ul li a:hover{background:#6d30e9}ul li:hover ul.dropdown{display:block}*{margin:0;padding:0;font-family:sans-serif}body{background:#ecf4fb}.img-gallery{width:80%;margin:100px auto 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px}.img-gallery img{width:100%;cursor:pointer}.img-gallery img:hover{transform:scale(.8) rotate(-15deg);border-radius:20px;box-shadow:0 32px 75px #424d8833}.full-img{width:100%;height:100vh;background:#000000e6;position:fixed;top:0;left:0;display:none;align-items:center;justify-content:center;z-index:100}.full-img img{width:90%;max-width:500px}.full-img span{position:absolute;top:5%;right:5%;font-size:30px;color:#fff;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center}.full-image{max-width:90%;max-height:90%;cursor:pointer}