.background {
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: black;
    opacity: 0.35;
    

}

.bg {
    width: 100%;
    height: 100%;
    visibility: visible;   
}

.body2 {
    z-index: 3;
}

nav {
    background: transparent;
    box-shadow: none;
}

nav .links a {
  /* ... ostatní styly zůstávají ... */
  
  background: rgba(255, 255, 255, 0.05);
  border: none;

  /* VRSTVENÝ INSIDE SHADOW */
  box-shadow: 
    /* 1. Horní ostrý odlesk (imituje hranu ledu) */
    inset 0 2px 3px rgba(255, 255, 255, 0.5),
    /* 2. Prostřední jemné bílé prosvětlení */
    inset 0 0 15px rgba(255, 255, 255, 0.1),
    /* 3. Spodní modravý stín (dodává ledovou hloubku) */
    inset 0 -8px 15px rgba(135, 206, 250, 0.2),
    /* 4. Vnější jemná záře pro prostorový efekt */
    0 10px 20px rgba(0, 0, 0, 0.1);

  transition: all 0.4s ease;
}

nav .links a:hover {
  /* Při najetí se vnitřní záře zintenzivní */
  box-shadow: 
    inset 0 2px 5px rgba(255, 255, 255, 0.7),
    inset 0 0 20px rgba(135, 206, 250, 0.3),
    inset 0 -2px 10px rgba(255, 255, 255, 0.2),
    0 15px 30px rgba(135, 206, 250, 0.25);
    
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.1);
}


.about_me {
    margin: auto;
    color:white;
    text-align: left;
    border-radius: 10px;
    position: absolute;
    left:10%;
    top:35%;
    max-width: 50%;
    max-height: fit-content;
    z-index: 2;
}

.about_me span {
    font-size: 1.2rem;
}

.about_me h1 {
background: #08ccc5;
background: linear-gradient(90deg,rgba(8, 204, 197, 1) 0%, rgba(68, 255, 0, 1) 100%);
background-clip: text;
background-size: 150% 150%; 
color: transparent;
animation: anim 3s ease infinite;
font-weight: 900;
}

.about_me img {
    width: 7.5rem;
    height: 7.55rem;
    border-radius: 100%;
}

@media only screen and (max-width: 768px) {
    .about_me {
        max-width: 75%;
        left: 15%;
    }

    .bg {
        visibility: hidden;
    }

}


@keyframes anim {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}