@charset "utf-8";
/* CSS Document */
html { overflow-y: scroll; }
body {
    font-family: 'Anton', sans-serif;
}
a { text-decoration: none; color: #676767; }
.card-img { overflow: hidden; border-radius: 20%; }
.card-img img { transition: transform 0.3s ease; width: 100%; height: auto; display: block; }
.card:hover .card-img img { transform: scale(1.2); }
.card-portfolio-meta { opacity: 0; transition: opacity 0.3s ease; }
.card:hover .card-portfolio-meta { opacity: 1; }
.card-portfolio { border: none !important; background: transparent !important; box-shadow: none !important; }
#toTopBtn {
    position: fixed; bottom: 30px; right: 20px;
    display: none; background: #00b894; color: white;
    border: none; border-radius: 50%; width: 40px; height: 40px;
    justify-content: center; align-items: center; cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}