@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap";*{font-family:Open Sans,sans-serif}html,body{margin:0;padding:0}.logo{margin-left:10px;font-size:25px}.artifyMenu{margin-top:5px;display:flex;justify-content:center;padding:20px;gap:20px}.navLogo{display:flex;justify-content:space-between;align-items:baseline}.navButton{width:110px;height:40px;border:3px solid #000000;border-radius:45px;transition:all .3s;cursor:pointer;background:white;font-size:12px;font-weight:700;margin-right:15px}.navButton:hover{background:#000000;color:#fff;font-size:12px}.artGalleryButton{width:130px;height:40px;border:3px solid #000000;border-radius:45px;transition:all .3s;cursor:pointer;background:white;font-size:13px;font-weight:700;margin-right:15px}.artGalleryButton:hover{background:#000000;color:#fff;font-size:13px}#cardContainer{width:70%;margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px}.artiftDetails{position:relative;border-radius:10px;width:250px;height:300px;background-color:#f5f5f5;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000}.artifyImage{top:0;position:absolute;background-color:#d3d3d3;width:100%;height:100%;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artiftDetails:hover .artifyImage{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotatey(-85deg);-ms-transform:rotatey(-85deg);transform:rotatey(-85deg)}.galleryDetails{display:flex;flex-direction:column}p{font-size:13px;font-weight:bolder;padding:2px}.artifyImage>img{width:250px;height:300px}#main{display:flex;flex-wrap:wrap;justify-content:space-around}code{font-family:monospace;font-size:1rem;background-color:#dbdbdb;padding:2px}#api-status{margin-top:100px;font-family:monospace;text-align:center;font-size:1rem;background-color:#dbdbdb;padding:10px}@media only screen and (max-width: 600px){.artGalleryButton,.artGalleryButton:hover{font-size:10px}}