/* =========================
   HOMEPAGE LINKS
============================= */

.home-links {

position: fixed;

bottom: 40px;
left: 60px;
right: 60px;

display: flex;

justify-content: space-between;
align-items: center;

pointer-events: none;

z-index: 5;

}

.home-links a {
pointer-events: auto;
}


/* =========================
   INSTAGRAM ICONEN
============================= */

.insta-group {

display: flex;
flex-direction: column;
gap: 6px;

}

.insta-group img {

width: 48px;
height: 48px;

opacity: 0.85;

transition: all 0.2s ease;

filter: drop-shadow(0 8px 24px rgba(0,0,0,0.6));

}

.insta-group img:hover {

opacity: 1;
transform: scale(1.1);

}

.insta-group a {

display: flex;
align-items: center;
gap: 5px;

text-decoration: none;

}

.insta-group span {

font-size: 11px;
color: #d0d0d0;

opacity: 0.8;

transition: opacity 0.2s ease;

}

.insta-group a:hover span {
opacity: 1;
}


/* =========================
   TOOLTIP
============================= */

.insta-group a {
position: relative;
}

.insta-group a::before {

content: attr(title);

position: absolute;

bottom: 70px;
left: 50%;

transform: translateX(-50%);

background: rgba(0,0,0,0.85);

color: #ddd;

padding: 6px 10px;

font-size: 12px;

border-radius: 4px;

white-space: nowrap;

opacity: 0;

transition: opacity 0.2s ease;

pointer-events: none;

}

.insta-group a:hover::before {
opacity: 1;
}


/* =========================
   ABOUT LINK
============================= */

.about {

font-size: 14px;

color: #cccccc;

text-decoration: none;

border-bottom: 1px solid rgba(255,255,255,0.2);

padding-bottom: 2px;

transition: opacity 0.2s ease;

}

.about:hover {
opacity: 1;
}


/* =========================
   HOMEPAGE RESPONSIVE
============================= */

@media (max-width:700px){

.home-links {

position: static;

margin-top: 60px;

display: flex;

justify-content: space-around;

align-items: center;

}

.insta-group img {

width: 35px;
height: 35px;

}

.about {
font-size: 16px;
padding: 6px 0;
}

}