body {
font-family: "Roboto Condensed", sans-serif;
}

html, body {
    margin:0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.background-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    object-fit: fill;
    background-color: blanchedalmond;
    z-index: -1;
    display: block;
}
.layout {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
}
.header {
    background-color: transparent;
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    justify-content: flex-start;
}
.main {
    flex: 1;
    padding: 60px 20px 20px 20px;
    box-sizing: border-box;
    /*margin-top: 40px;*/
    height: 2000px
}
.logo {
    max-width: 220px;
    height: auto;
    display: block;
    margin: -5px auto 5px;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav ul li {
    text-align: center;
    position: relative;
    margin: 10px 0;
}
nav ul li a {
    font-size: 27px;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    display: block;
    padding: 10px 15px;
    font-weight: bold;
    transition: all 0.4s ease-in-out;
    border: 4px solid transparent;
    border-radius: 20px;
    margin: 5px 10px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    transform: scale(1);
}
nav ul li a.active {
    background-color: rgba(255, 255, 255, 0.4);
    border: 4px solid #fff;
    border-radius: 15px;
    color: white;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7), inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
    position: relative;
    z-index: 10;
}
nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border: 4px solid #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7), inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
    position: relative;
    z-index: 10;
}
.submenu {
    display: none;
    width: 100%;
    padding: 5px 0;
    background-color: transparent;
    box-shadow: none;
}
.has-submenu:hover .submenu {
    display: block;
    background-color: transparent;
}
.submenu li {
    margin: 0;
}
.submenu li a {
    font-size: 22px; /* Чуть увеличим для читаемости */
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    width: auto;
    display: block;
    line-height: 1.5;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000;
    font-weight: bold;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 4px solid transparent;
    border-radius: 15px;
    margin: 8px 15px;
    transform: scale(1);
}
.submenu li a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border: 4px solid #fff;
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7), inset 0 0 10px rgba(255, 255, 255, 0.5);
}
.lang-switch {
    margin: -15px 0 1px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}

.lang-switch button {
    padding: 5px 10px;
    border: 1px solid white;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    transition: background 0.3s, color 0.3s;
    backdrop-filter: blur(5px);
}

.lang-switch button:hover {
    background: rgba(255, 255, 255, 0.4);
    color: 0 0 10px rgba(255, 255, 255, 0.5);
} 


.footer {
    text-align: center;
    padding: 10px 0 5px 0 !important;
    background-color: transparent;
    border-top: 1px solid rgba(155, 73, 105, 0.2);
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    margin-top: 0 !important;
    width: 100%;
}






.planets-in-signs {
    width: 100%;
}
.sun-in-signs-container{
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 130px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-sun{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.sun-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.SUN-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}
.sun-in-aries-button{
    display: inline-block;
    padding: 5px 8px;
    background-color:midnightblue;
    color:azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s; 
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-taurus-button{
    display: inline-block;
    padding: 5px 8px;
    background-color:midnightblue;
    color:azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-gemini-button{
    display: inline-block;
    padding: 5px 8px;
    background-color:midnightblue;
    color:azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s; 
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
    }
.sun-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.sun-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}




.sun-1house-button,
.moon-1house-button,
.mercury-1house-button,
.venus-1house-button,
.mars-1house-button,
.jupiter-1house-button,
.saturn-1house-button,
.uranus-1house-button,
.neptune-1house-button,
.pluto-1house-button,
.rahu-1h-ketu-7h-button,
.lilith-1house-button,
.selena-1house-button,
.chiron-1house-button {
    display: inline-block;
    padding: 3px 6px; /* Чуть меньше основных кнопок */
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15; /* Выше картинки */
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-90deg) translate(0, -180px) rotate(90deg);
}

.sun-2house-button,
.moon-2house-button,
.mercury-2house-button,
.venus-2house-button,
.mars-2house-button,
.jupiter-2house-button,
.saturn-2house-button,
.uranus-2house-button,
.neptune-2house-button,
.pluto-2house-button,
.rahu-2h-ketu-8h-button,
.lilith-2house-button,
.selena-2house-button,
.chiron-2house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-120deg) translate(0, -180px) rotate(120deg);
    }

.sun-3house-button,
.moon-3house-button,
.mercury-3house-button,
.venus-3house-button,
.mars-3house-button,
.jupiter-3house-button,
.saturn-3house-button,
.uranus-3house-button,
.neptune-3house-button,
.pluto-3house-button,
.rahu-3h-ketu-9h-button,
.lilith-3house-button,
.selena-3house-button,
.chiron-3house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-150deg) translate(0, -180px) rotate(150deg);
}

.sun-4house-button,
.moon-4house-button,
.mercury-4house-button,
.venus-4house-button,
.mars-4house-button,
.jupiter-4house-button,
.saturn-4house-button,
.uranus-4house-button,
.neptune-4house-button,
.pluto-4house-button,
.rahu-4h-ketu-10h-button,
.lilith-4house-button,
.selena-4house-button,
.chiron-4house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-180deg) translate(0, -180px) rotate(180deg);
}

.sun-5house-button,
.moon-5house-button,
.mercury-5house-button,
.venus-5house-button,
.mars-5house-button,
.jupiter-5house-button,
.saturn-5house-button,
.uranus-5house-button,
.neptune-5house-button,
.pluto-5house-button,
.rahu-5h-ketu-11h-button,
.lilith-5house-button,
.selena-5house-button,
.chiron-5house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-210deg) translate(0, -180px) rotate(210deg);

}

.sun-6house-button,
.moon-6house-button,
.mercury-6house-button,
.venus-6house-button,
.mars-6house-button,
.jupiter-6house-button,
.saturn-6house-button,
.uranus-6house-button,
.neptune-6house-button,
.pluto-6house-button,
.rahu-6h-ketu-12h-button,
.lilith-6house-button,
.selena-6house-button,
.chiron-6house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-240deg) translate(0, -180px) rotate(240deg);
}

.sun-7house-button,
.moon-7house-button,
.mercury-7house-button,
.venus-7house-button,
.mars-7house-button,
.jupiter-7house-button,
.saturn-7house-button,
.uranus-7house-button,
.neptune-7house-button,
.pluto-7house-button,
.rahu-7h-ketu-1h-button,
.lilith-7house-button,
.selena-7house-button,
.chiron-7house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(90deg) translate(0, -180px) rotate(-90deg);

}

.sun-8house-button,
.moon-8house-button,
.mercury-8house-button,
.venus-8house-button,
.mars-8house-button,
.jupiter-8house-button,
.saturn-8house-button,
.uranus-8house-button,
.neptune-8house-button,
.pluto-8house-button,
.rahu-8h-ketu-2h-button,
.lilith-8house-button,
.selena-8house-button,
.chiron-8house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-300deg) translate(0, -180px) rotate(300deg);

}

.sun-9house-button,
.moon-9house-button,
.mercury-9house-button,
.venus-9house-button,
.mars-9house-button,
.jupiter-9house-button,
.saturn-9house-button,
.uranus-9house-button,
.neptune-9house-button,
.pluto-9house-button,
.rahu-9h-ketu-3h-button,
.lilith-9house-button,
.selena-9house-button,
.chiron-9house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-330deg) translate(0, -180px) rotate(330deg);
}

.sun-10house-button,
.moon-10house-button,
.mercury-10house-button,
.venus-10house-button,
.mars-10house-button,
.jupiter-10house-button,
.saturn-10house-button,
.uranus-10house-button,
.neptune-10house-button,
.pluto-10house-button,
.rahu-10h-ketu-4h-button,
.lilith-10house-button,
.selena-10house-button,
.chiron-10house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-360deg) translate(0, -180px) rotate(360deg);
}

.sun-11house-button,
.moon-11house-button,
.mercury-11house-button,
.venus-11house-button,
.mars-11house-button,
.jupiter-11house-button,
.saturn-11house-button,
.uranus-11house-button,
.neptune-11house-button,
.pluto-11house-button,
.rahu-11h-ketu-5h-button,
.lilith-11house-button,
.selena-11house-button,
.chiron-11house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-30deg) translate(0, -180px) rotate(30deg);
}

.sun-12house-button,
.moon-12house-button,
.mercury-12house-button,
.venus-12house-button,
.mars-12house-button,
.jupiter-12house-button,
.saturn-12house-button,
.uranus-12house-button,
.neptune-12house-button,
.pluto-12house-button,
.rahu-12h-ketu-6h-button,
.lilith-12house-button,
.selena-12house-button,
.chiron-12house-button {
    display: inline-block;
    padding: 3px 6px;
    background-color: #4b0082;
    color: azure;
    text-decoration: none;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 60px;
    text-align: center;
    border: 1px solid #ba55d3;
    box-shadow: 0 0 8px rgba(75, 0, 130, 0.5);
    transform: translate(-50%, -50%) rotate(-60deg) translate(0, -180px) rotate(60deg);
}

.sun-1house-button:hover,
.sun-2house-button:hover {
    background-color: #4b0082;
    transform: translate(-50%, -50%) rotate(inherit) translate(0, -200px) rotate(inherit) scale(1.1);
}



.page1_1-sun-1h, 
.page1_2-sun-2h,
.page1_3-sun-3h,
.page1_4-sun-4h,
.page1_5-sun-5h,
.page1_6-sun-6h,
.page1_7-sun-7h,
.page1_8-sun-8h,
.page1_9-sun-9h,
.page1_10-sun-10h,
.page1_11-sun-11h,
.page1_12-sun-12h,
.page13_1-moon-1h,
.page13_2-moon-2h,
.page13_3-moon-3h,
.page13_4-moon-4h,
.page13_5-moon-5h,
.page13_6-moon-6h,
.page13_7-moon-7h,
.page13_8-moon-8h,
.page13_9-moon-9h,
.page13_10-moon-10h,
.page13_11-moon-11h,
.page13_12-moon-12h,
.page25_1-mercury-1h,
.page25_2-mercury-2h,
.page25_3-mercury-3h,
.page25_4-mercury-4h,
.page25_5-mercury-5h,
.page25_6-mercury-6h,
.page25_7-mercury-7h,
.page25_8-mercury-8h,
.page25_9-mercury-9h,
.page25_10-mercury-10h,
.page25_11-mercury-11h,
.page25_12-mercury-12h,
.page37_1-venus-1h,
.page37_2-venus-2h,
.page37_3-venus-3h,
.page37_4-venus-4h,
.page37_5-venus-5h,
.page37_6-venus-6h,
.page37_7-venus-7h,
.page37_8-venus-8h,
.page37_9-venus-9h,
.page37_10-venus-10h,
.page37_11-venus-11h,
.page37_12-venus-12h,
.page49_1-mars-1h,
.page49_2-mars-2h,
.page49_3-mars-3h,
.page49_4-mars-4h,
.page49_5-mars-5h,
.page49_6-mars-6h,
.page49_7-mars-7h,
.page49_8-mars-8h,
.page49_9-mars-9h,
.page49_10-mars-10h,
.page49_11-mars-11h,
.page49_12-mars-12h,
.page61_1-jupiter-1h,
.page61_2-jupiter-2h,
.page61_3-jupiter-3h,
.page61_4-jupiter-4h,
.page61_5-jupiter-5h,
.page61_6-jupiter-6h,
.page61_7-jupiter-7h,
.page61_8-jupiter-8h,
.page61_9-jupiter-9h,
.page61_10-jupiter-10h,
.page61_11-jupiter-11h,
.page61_12-jupiter-12h,
.page73_1-saturn-1h,
.page73_2-saturn-2h,
.page73_3-saturn-3h,
.page73_4-saturn-4h,
.page73_5-saturn-5h,
.page73_6-saturn-6h,
.page73_7-saturn-7h,
.page73_8-saturn-8h,
.page73_9-saturn-9h,
.page73_10-saturn-10h,
.page73_11-saturn-11h,
.page73_12-saturn-12h,
.page85_1-uranus-1h,
.page85_2-uranus-2h,
.page85_3-uranus-3h,
.page85_4-uranus-4h,
.page85_5-uranus-5h,
.page85_6-uranus-6h,
.page85_7-uranus-7h,
.page85_8-uranus-8h,
.page85_9-uranus-9h,
.page85_10-uranus-10h,
.page85_11-uranus-11h,
.page85_12-uranus-12h,
.page97_1-neptune-1h,
.page97_2-neptune-2h,
.page97_3-neptune-3h,
.page97_4-neptune-4h,
.page97_5-neptune-5h,
.page97_6-neptune-6h,
.page97_7-neptune-7h,
.page97_8-neptune-8h,
.page97_9-neptune-9h,
.page97_10-neptune-10h,
.page97_11-neptune-11h,
.page97_12-neptune-12h,
.page109_1-pluto-1h,
.page109_2-pluto-2h,
.page109_3-pluto-3h,
.page109_4-pluto-4h,
.page109_5-pluto-5h,
.page109_6-pluto-6h,
.page109_7-pluto-7h,
.page109_8-pluto-8h,
.page109_9-pluto-9h,
.page109_10-pluto-10h,
.page109_11-pluto-11h,
.page109_12-pluto-12h,
.page121_1-rahu-1h-ketu-7h,
.page121_2-rahu-2h-ketu-8h,
.page121_3-rahu-3h-ketu-9h,
.page121_4-rahu-4h-ketu-10h,
.page121_5-rahu-5h-ketu-11h,
.page121_6-rahu-6h-ketu-12h,
.page121_7-rahu-7h-ketu-1h,
.page121_8-rahu-8h-ketu-2h,
.page121_9-rahu-9h-ketu-3h,
.page121_10-rahu-10h-ketu-4h,
.page121_11-rahu-11h-ketu-5h,
.page121_12-rahu-12h-ketu-6h,
.page133_1-lilith-1h,
.page133_2-lilith-2h,
.page133_3-lilith-3h,
.page133_4-lilith-4h,
.page133_5-lilith-5h,
.page133_6-lilith-6h,
.page133_7-lilith-7h,
.page133_8-lilith-8h,
.page133_9-lilith-9h,
.page133_10-lilith-10h,
.page133_11-lilith-11h,
.page133_12-lilith-12h,
.page145_1-selena-1h,
.page145_2-selena-2h,
.page145_3-selena-3h,
.page145_4-selena-4h,
.page145_5-selena-5h,
.page145_6-selena-6h,
.page145_7-selena-7h,
.page145_8-selena-8h,
.page145_9-selena-9h,
.page145_10-selena-10h,
.page145_11-selena-11h,
.page145_12-selena-12h,
.page157_1-chiron-1h,
.page157_2-chiron-2h,
.page157_3-chiron-3h,
.page157_4-chiron-4h,
.page157_5-chiron-5h,
.page157_6-chiron-6h,
.page157_7-chiron-7h,
.page157_8-chiron-8h,
.page157_9-chiron-9h,
.page157_10-chiron-10h,
.page157_11-chiron-11h,
.page157_12-chiron-12h
 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    background: #F3E2CA   /* #A5786A; */;
    color: #8C0F1A;                    /*  #F0E1C3;*/
    font-family: "Advent Pro", sans-serif;
    line-height: 1;
    margin: 0;
    padding: 20px;
}

.planets-in-house-heading.main-title {
    font-family: "Advent Pro", sans-serif;
    font-size: 3.5em;/* Делаем крупным */
    text-align: center;
    display: block;  /* Гарантируем, что заголовок займет всю строку */
    margin-bottom: 10px;
}

.planets-in-house-heading.author-name {
    font-family: "Advent Pro", sans-serif;
    font-size: 3em;
    text-align: left; /* Если нужно по левому краю */
    color: #8C0F1A;
}

.sun-1h,
.sun-2h,
.sun-3h,
.sun-4h,
.sun-5h,
.sun-6h,
.sun-7h,
.sun-8h,
.sun-9h,
.sun-10h,
.sun-11h,
.sun-12h,
.moon-1h,
.moon-2h,
.moon-3h,
.moon-4h,
.moon-5h,
.moon-6h,
.moon-7h,
.moon-8h,
.moon-9h,
.moon-10h,
.moon-11h,
.moon-12h,
.mercury-1h,
.mercury-2h,
.mercury-3h,
.mercury-4h,
.mercury-5h,
.mercury-6h,
.mercury-7h,
.mercury-8h,
.mercury-9h,
.mercury-10h,
.mercury-11h,
.mercury-12h,
.venus-1h,
.venus-2h,
.venus-3h,
.venus-4h,
.venus-5h,
.venus-6h,
.venus-7h,
.venus-8h,
.venus-9h,
.venus-10h,
.venus-11h,
.venus-12h,
.mars-1h,
.mars-2h,
.mars-3h,
.mars-4h,
.mars-5h,
.mars-6h,
.mars-7h,
.mars-8h,
.mars-9h,
.mars-10h,
.mars-11h,
.mars-12h,
.jupiter-1h,
.jupiter-2h,
.jupiter-3h,
.jupiter-4h,
.jupiter-5h,
.jupiter-6h,
.jupiter-7h,
.jupiter-8h,
.jupiter-9h,
.jupiter-10h,
.jupiter-11h,
.jupiter-12h,
.saturn-1h,
.saturn-2h,
.saturn-3h,
.saturn-4h,
.saturn-5h,
.saturn-6h,
.saturn-7h,
.saturn-8h,
.saturn-9h,
.saturn-10h,
.saturn-11h,
.saturn-12h,
.uranus-1h,
.uranus-2h,
.uranus-3h,
.uranus-4h,
.uranus-5h,
.uranus-6h,
.uranus-7h,
.uranus-8h,
.uranus-9h,
.uranus-10h,
.uranus-11h,
.uranus-12h,
.neptune-1h,
.neptune-2h,
.neptune-3h,
.neptune-4h,
.neptune-5h,
.neptune-6h,
.neptune-7h,
.neptune-8h,
.neptune-9h,
.neptune-10h,
.neptune-11h,
.neptune-12h,
.pluto-1h,
.pluto-2h,
.pluto-3h,
.pluto-4h,
.pluto-5h,
.pluto-6h,
.pluto-7h,
.pluto-8h,
.pluto-9h,
.pluto-10h,
.pluto-11h,
.pluto-12h,
.rahu-1h-ketu-7h,
.rahu-2h-ketu-8h,
.rahu-3h-ketu-9h,
.rahu-4h-ketu-10h,
.rahu-5h-ketu-11h,
.rahu-6h-ketu-12h,
.rahu-7h-ketu-1h,
.rahu-8h-ketu-2h,
.rahu-9h-ketu-3h,
.rahu-10h-ketu-4h,
.rahu-11h-ketu-5h,
.rahu-12h-ketu-6h,
.lilith-1h,
.lilith-2h,
.lilith-3h,
.lilith-4h,
.lilith-5h,
.lilith-6h,
.lilith-7h,
.lilith-8h,
.lilith-9h,
.lilith-10h,
.lilith-11h,
.lilith-12h,
.selena-1h,
.selena-2h,
.selena-3h,
.selena-4h,
.selena-5h,
.selena-6h,
.selena-7h,
.selena-8h,
.selena-9h,
.selena-10h,
.selena-11h,
.selena-12h,
.chiron-1h,
.chiron-2h,
.chiron-3h,
.chiron-4h,
.chiron-5h,
.chiron-6h,
.chiron-7h,
.chiron-8h,
.chiron-9h,
.chiron-10h,
.chiron-11h,
.chiron-12h {
    max-width: 1500px; /* Оптимальная ширина для чтения текста */
    margin: 40px auto; /* Центрирует контейнер и дает отступ сверху/снизу */
    background-color: rgba(255, 255, 255, 0.2); /* Полупрозрачный светлый фон, чтобы текст "дышал" */
    padding: 40px; /* Внутренние отступы, чтобы текст не прилипал к краям */
    border-radius: 15px; /* Скругленные углы */
    border: 3px solid #8C6046; /* Тонкая рамка в цвет вашего основного текста */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
}
.sun-1h p,
.sun-2h p,
.sun-3h p,
.sun-4h p,
.sun-5h p,
.sun-6h p,
.sun-7h p,
.sun-8h p,
.sun-9h p,
.sun-10h p,
.sun-11h p,
.sun-12h p,
.moon-1h p,
.moon-2h p,
.moon-3h p,
.moon-4h p,
.moon-5h p,
.moon-6h p,
.moon-7h p,
.moon-8h p,
.moon-9h p,
.moon-10h p,
.moon-11h p,
.moon-12h p,
.mercury-1h p,
.mercury-2h p,
.mercury-3h p,
.mercury-4h p,
.mercury-5h p,
.mercury-6h p,
.mercury-7h p,
.mercury-8h p,
.mercury-9h p,
.mercury-10h p,
.mercury-11h p,
.mercury-12h p,
.venus-1h p,
.venus-2h p,
.venus-3h p,
.venus-4h p,
.venus-5h p,
.venus-6h p,
.venus-7h p,
.venus-8h p,
.venus-9h p,
.venus-10h p,
.venus-11h p,
.venus-12h p,
.mars-1h p,
.mars-2h p,
.mars-3h p,
.mars-4h p,
.mars-5h p,
.mars-6h p,
.mars-7h p,
.mars-8h p,
.mars-9h p,
.mars-10h p,
.mars-11h p,
.mars-12h p,
.jupiter-1h p,
.jupiter-2h p,
.jupiter-3h p,
.jupiter-4h p,
.jupiter-5h p,
.jupiter-6h p,
.jupiter-7h p,
.jupiter-8h p,
.jupiter-9h p,
.jupiter-10h p,
.jupiter-11h p,
.jupiter-12h p,
.saturn-1h p,
.saturn-2h p,
.saturn-3h p,
.saturn-4h p,
.saturn-5h p,
.saturn-6h p,
.saturn-7h p,
.saturn-8h p,
.saturn-9h p,
.saturn-10h p,
.saturn-11h p,
.saturn-12h p,
.uranus-1h p,
.uranus-2h p,
.uranus-3h p,
.uranus-4h p,
.uranus-5h p,
.uranus-6h p,
.uranus-7h p,
.uranus-8h p,
.uranus-9h p,
.uranus-10h p,
.uranus-11h p,
.uranus-12h p,
.neptune-1h p,
.neptune-2h p,
.neptune-3h p,
.neptune-4h p,
.neptune-5h p,
.neptune-6h p,
.neptune-7h p,
.neptune-8h p,
.neptune-9h p,
.neptune-10h p,
.neptune-11h p,
.neptune-12h p,
.pluto-1h p,
.pluto-2h p,
.pluto-3h p,
.pluto-4h p,
.pluto-5h p,
.pluto-6h p,
.pluto-7h p,
.pluto-8h p,
.pluto-9h p,
.pluto-10h p,
.pluto-11h p,
.pluto-12h p,
.rahu-1h-ketu-7h p,
.rahu-2h-ketu-8h p,
.rahu-3h-ketu-9h p,
.rahu-4h-ketu-10h p,
.rahu-5h-ketu-11h p,
.rahu-6h-ketu-12h p,
.rahu-7h-ketu-1h p,
.rahu-8h-ketu-2h p,
.rahu-9h-ketu-3h p,
.rahu-10h-ketu-4h p,
.rahu-11h-ketu-5h p,
.rahu-12h-ketu-6h p,
.lilith-1h p,
.lilith-2h p,
.lilith-3h p,
.lilith-4h p,
.lilith-5h p,
.lilith-6h p,
.lilith-7h p,
.lilith-8h p,
.lilith-9h p,
.lilith-10h p,
.lilith-11h p,
.lilith-12h p,
.selena-1h p,
.selena-2h p,
.selena-3h p,
.selena-4h p,
.selena-5h p,
.selena-6h p,
.selena-7h p,
.selena-8h p,
.selena-9h p,
.selena-10h p,
.selena-11h p,
.selena-12h p,
.chiron-1h p,
.chiron-2h p,
.chiron-3h p,
.chiron-4h p,
.chiron-5h p,
.chiron-6h p,
.chiron-7h p,
.chiron-8h p,
.chiron-9h p,
.chiron-10h p,
.chiron-11h p,
.chiron-12h p {
    font-family: "Bona Nova", serif;
    font-size: 30px;
    line-height: 1.3;
    color: #4a070d;
    margin-bottom: 15px;
}


.page0_SUN {
    background-color: #FFC930;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    background: #F3E2CA;
    color: #8C0F1A;
    font-family: "Advent Pro", sans-serif;
    line-height: 1;
    margin: 0;
    padding: 20px;
}
.info-block-sun {
    margin: 40px auto; 
    background-color: rgba(255, 255, 255, 0.2);
    padding: 40px;
    border-radius: 15px;
    border: 3px solid #8C6046;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

    max-width: 1500px;
    margin: 40px auto;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 40px;
    border-radius: 15px;
    border: 3px solid #8C6046;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.SUN-heading {
    font-family: "Advent Pro", sans-serif;
    font-size: 3.5em; /* Делаем крупным */
    text-align: center;
    display: block; /* Гарантируем, что заголовок займет всю строку */
    margin-bottom: 10px;
}
.info-block-sun p {
    font-family: "Bona Nova", serif;
    font-size: 30px;
    line-height: 1.3;
    color: #4a070d;
    margin-bottom: 15px;
}

.page1-sun-in-aries{
    background-color:#bd6b1ff8;
}
.button-home-button-sun-in-aries-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-aries{
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page2-sun-in-taurus{
    background-color: #5f8a38
}
.button-home-button-sun-in-taurus-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-taurus{
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page3-sun-in-gemini{
    background-color:rgb(51, 94, 173);
}
.button-home-button-sun-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color:lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-gemini {
    background-color:rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page4-sun-in-cancer{
    background-color:rgb(126, 80, 168);
}
.button-home-button-sun-in-cancer-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-cancer-button:hover{
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-cancer{
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page5-sun-in-leo{
    background-color: #bd6b1ff8;
}
.button-home-button-sun-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page6-sun-in-virgo {
    background-color: #5f8a38
}
.button-home-button-sun-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page7-sun-in-libra {
background-color: rgb(51, 94, 173);
}   
.button-home-button-sun-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page8-sun-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-sun-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page9-sun-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-sun-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page10-sun-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-sun-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page11-sun-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-sun-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page12-sun-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-sun-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-sun-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-sun-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.moon-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}

.planet-center-moon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.moon-circle-image{
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px; 
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.MOON-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.moon-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.moon-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}


.page12.1.MOON {
    background-color:
}


.page13.moon-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-moon-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page14-moon-in-taurus {
    background-color: #5f8a38
}
.button-home-button-moon-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page15-moon-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-moon-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page16-moon-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-moon-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page17-moon-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-moon-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page18-moon-in-virgo {
    background-color: #5f8a38
}
.button-home-button-moon-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page19-moon-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-moon-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page20-moon-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-moon-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page21-moon-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-moon-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page22-moon-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-moon-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page23-moon-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-moon-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page24-moon-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-moon-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-moon-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-moon-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.mercury-in-signs-container {
    position: relative;
    width: 595px;
    height: 595px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}

.planet-center-mercury {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}

.mercury-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.MERCURY-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}
.mercury-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.mercury-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.page25-mercury-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-mercury-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page26-mercury-in-taurus {
    background-color: #5f8a38
}
.button-home-button-mercury-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page27-mercury-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mercury-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page28-mercury-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mercury-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page29-mercury-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-mercury-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}

.info-block-mercury-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page30-mercury-in-virgo {
    background-color: #5f8a38
}
.button-home-button-mercury-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page31-mercury-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mercury-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page32-mercury-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mercury-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page33-mercury-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-mercury-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page34-mercury-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-mercury-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page35-mercury-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mercury-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page36-mercury-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mercury-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mercury-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mercury-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.venus-in-signs-container {
    position: relative;
    width: 595px;
    height: 595px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}

.planet-center-venus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}

.venus-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.VENUS-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.venus-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.venus-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.page37-venus-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-venus-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page38-venus-in-taurus {
    background-color: #5f8a38
}
.button-home-button-venus-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page39-venus-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-venus-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page40-venus-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-venus-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page41-venus-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-venus-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page42-venus-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-venus-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page43-venus-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-venus-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page44-venus-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-venus-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page45-venus-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-venus-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page46-venus-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-venus-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page47-venus-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-venus-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page48-venus-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-venus-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-venus-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-venus-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.mars-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-mars {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.mars-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.MARS-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.mars-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.mars-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}





.page49-mars-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-mars-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page50-mars-in-taurus {
    background-color: #5f8a38
}
.button-home-button-mars-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page51-mars-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mars-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page52-mars-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mars-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page53-mars-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-mars-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page54-mars-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-mars-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page55-mars-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mars-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page56-mars-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mars-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page57-mars-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-mars-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page58-mars-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-mars-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page59-mars-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-mars-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page60-mars-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-mars-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-mars-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-mars-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.jupiter-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-jupiter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.jupiter-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.JUPITER-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}
.jupiter-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.jupiter-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}




.page61-jupiter-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-jupiter-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page62-jupiter-in-taurus {
    background-color: #5f8a38
}
.button-home-button-jupiter-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page63-jupiter-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-jupiter-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page64-jupiter-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-jupiter-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page65-jupiter-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-jupiter-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page66-jupiter-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-jupiter-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page67-jupiter-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-jupiter-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page68-jupiter-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-jupiter-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page69-jupiter-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-jupiter-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page70-jupiter-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-jupiter-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page71-jupiter-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-jupiter-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page72-jupiter-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-jupiter-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-jupiter-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-jupiter-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.saturn-in-signs-container {
    position: relative;
    width: 595px;
    height: 595px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-saturn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.saturn-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.SATURN-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}
.saturn-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.saturn-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}


.page73-saturn-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-saturn-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page74-saturn-in-taurus {
    background-color: #5f8a38
}
.button-home-button-saturn-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page75-saturn-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-saturn-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page76-saturn-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-saturn-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page77-saturn-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-saturn-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page78-saturn-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-saturn-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page79-saturn-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-saturn-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page80-saturn-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-saturn-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page81-saturn-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-saturn-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page82-saturn-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-saturn-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page83-saturn-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-saturn-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page84-saturn-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-saturn-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-saturn-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-saturn-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.uranus-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-uranus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.uranus-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.URANUS-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.uranus-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.uranus-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}



.page85-uranus-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-uranus-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page86-uranus-in-taurus {
    background-color: #5f8a38
}
.button-home-button-uranus-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page87-uranus-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-uranus-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page88-uranus-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-uranus-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page89-uranus-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-uranus-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page90-uranus-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-uranus-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page91-uranus-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-uranus-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page92-uranus-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-uranus-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page93-uranus-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-uranus-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page94-uranus-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-uranus-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page95-uranus-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-uranus-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page96-uranus-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-uranus-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-uranus-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-uranus-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.neptune-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-neptune {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.neptune-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.NEPTUNE-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.neptune-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.neptune-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}


.page97-neptune-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-neptune-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page98-neptune-in-taurus {
    background-color: #5f8a38
}
.button-home-button-neptune-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page99-neptune-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-neptune-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page100-neptune-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-neptune-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page101-neptune-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-neptune-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page102-neptune-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-neptune-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page103-neptune-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-neptune-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page104-neptune-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-neptune-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page105-neptune-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-neptune-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page106-neptune-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-neptune-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page107-neptune-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-neptune-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page108-neptune-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-neptune-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-neptune-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-neptune-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    margin-left: 220px;                                 /* добавить эту строку к каждой странице. Учитывать цвет!!*/
}
.header-page108-neptune-in-pisces {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background-color: rgb(126, 80, 168);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    z-index: 1000;
}





.pluto-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-pluto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.pluto-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 805px;
    height: 805px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}
.PLUTO-button {
    display: inline-block;
    padding: 15px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    z-index: 10;
    margin: -15px 0 0 -60px;
    transform-origin: center -270px;
    width: max-content;
}

.pluto-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.pluto-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}



.page109-pluto-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-pluto-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page110-pluto-in-taurus {
    background-color: #5f8a38
}
.button-home-button-pluto-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page111-pluto-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-pluto-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page112-pluto-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-pluto-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page113-pluto-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-pluto-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page114-pluto-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-pluto-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page115-pluto-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-pluto-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page116-pluto-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-pluto-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page117-pluto-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-pluto-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page118-pluto-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-pluto-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page119-pluto-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-pluto-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page120-pluto-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-pluto-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-pluto-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-pluto-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    margin-left: 220px; /* добавить эту строку к каждой странице. Учитывать цвет!!*/
}



.lunar-nodes-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}

.planet-center-lunar-nodes {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}

.lunar-nodes-circle-image {
    position: absolute;
    top: calc(50% - 0px);
    left: calc(50% - 0px);
    width: 125%;
    height: 125%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1;
    clip-path: circle(350px at center);
}

.LUNAR-NODES-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transform-origin: center -270px;
    width: max-content;
}

.rahu-in-aries-ketu-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 120px);
    transform: rotate(0deg) translate(0, -390px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-taurus-ketu-in-scorpio-button {
    display: inline-block;
    padding: 6px 6px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.rahu-in-gemini-ketu-in-sagittarius-button {
    display: inline-block;
    padding: 5px 4px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 50px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-cancer-ketu-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-leo-ketu-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-virgo-ketu-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-libra-ketu-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 120px);
    transform: rotate(180deg) translate(0, -360px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-scorpio-ketu-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 250px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-sagittarius-ketu-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 290px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-capricorn-ketu-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 270px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-aquarius-ketu-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 250px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.rahu-in-pisces-ketu-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 250px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}

.page121-rahu-in-aries-ketu-in-libra {
    background-color: #bd6b1ff8;
}
.button-home-button-rahu-in-aries-ketu-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-aries-ketu-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-aries-ketu-in-libra {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page122-rahu-in-taurus-ketu-in-scorpio {
    background-color: #5f8a38
}
.button-home-button-rahu-in-taurus-ketu-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-taurus-ketu-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-taurus-ketu-in-scorpio {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page123-rahu-in-gemini-ketu-in-sagittarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-rahu-in-gemini-ketu-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-gemini-ketu-in-sagittarius:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-gemini-ketu-in-sagittarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page124-rahu-in-cancer-ketu-in-capricorn {
    background-color: rgb(126, 80, 168);
}
.button-home-button-rahu-in-cancer-ketu-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-cancer-ketu-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-cancer-ketu-in-capricorn {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    margin-left: 220px;
    /* добавить эту строку к каждой странице. Учитывать цвет!!*/
}
.page125-rahu-in-leo-ketu-in-aquarius {
    background-color: #bd6b1ff8;
}
.button-home-button-rahu-in-leo-ketu-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-leo-ketu-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-leo-ketu-in-aquarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page126-rahu-in-virgo-ketu-in-pisces {
    background-color: #5f8a38
}
.button-home-button-rahu-in-virgo-ketu-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-virgo-ketu-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-virgo-ketu-in-pisces {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page127-rahu-in-libra-ketu-in-aries {
    background-color: rgb(51, 94, 173);
}
.button-home-button-rahu-in-libra-ketu-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-libra-ketu-in-aries:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-libra-ketu-in-aries {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page128-rahu-in-scorpio-ketu-in-taurus {
    background-color: rgb(126, 80, 168);
}
.button-home-button-rahu-in-scorpio-ketu-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-scorpio-ketu-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-scorpio-ketu-in-taurus {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    margin-left: 220px;
    /* добавить эту строку к каждой странице. Учитывать цвет!!*/
}
.page129-rahu-in-sagittarius-ketu-in-gemini {
    background-color: #bd6b1ff8;
}
.button-home-button-rahu-in-sagittarius-ketu-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-sagittarius-ketu-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-sagittarius-ketu-in-gemini {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page130-rahu-in-capricorn-ketu-in-cancer {
    background-color: #5f8a38
}
.button-home-button-rahu-in-capricorn-ketu-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-capricorn-ketu-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-capricorn-ketu-in-cancer {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page131-rahu-in-aquarius-ketu-in-leo {
    background-color: rgb(51, 94, 173);
}
.button-home-button-rahu-in-aquarius-ketu-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-aquarius-ketu-in-leo:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-aquarius-ketu-in-leo {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page132-rahu-in-pisces-ketu-in-virgo {
    background-color: rgb(126, 80, 168);
}
.button-home-button-rahu-in-pisces-ketu-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-rahu-in-pisces-ketu-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-rahu-in-pisces-ketu-in-virgo {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    margin-left: 220px;
    /* добавить эту строку к каждой странице. Учитывать цвет!!*/
}



.lilith-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-lilith {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.LILITH-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transform-origin: center -270px;
    width: max-content;
}
.lilith-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.lilith-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.page133-lilith-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-lilith-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page134-lilith-in-taurus {
    background-color: #5f8a38
}
.button-home-button-lilith-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.page135-lilith-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-lilith-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page136-lilith-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-lilith-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page137-lilith-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-lilith-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page138-lilith-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-lilith-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page139-lilith-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-lilith-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page140-lilith-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-lilith-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page141-lilith-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-lilith-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page142-lilith-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-lilith-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page143-lilith-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-lilith-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page144-lilith-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-lilith-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-lilith-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-lilith-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}



.selena-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.planet-center-selena {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.SELENA-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transform-origin: center -270px;
    width: max-content;
}


.selena-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.selena-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}


.page145-selena-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-selena-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page146-selena-in-taurus {
    background-color: #5f8a38
}
.button-home-button-selena-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page147-selena-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-selena-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page148-selena-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-selena-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page149-selena-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-selena-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page150-selena-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-selena-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page151-selena-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-selena-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page152-selena-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-selena-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page153-selena-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-selena-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page154-selena-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-selena-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page155-selena-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-selena-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page156-selena-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-selena-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-selena-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-selena-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}


.chiron-in-signs-container {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    margin-top: 280px;
    border: 2px dashed #ccc;
    border-radius: 50%;
    margin-bottom: 150px !important;
}
.planet-center-chiron {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 10;
}
.CHIRON-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transform-origin: center -270px;
    width: max-content;
}


.chiron-in-aries-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 100px);
    transform: rotate(0deg) translate(0, -380px) rotate(-0deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-taurus-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(30deg) translate(0, -360px) rotate(-30deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-gemini-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(60deg) translate(0, -360px) rotate(-60deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-cancer-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(90deg) translate(0, -360px) rotate(-90deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-leo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(120deg) translate(0, -360px) rotate(-120deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-virgo-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 30px);
    transform: rotate(150deg) translate(0, -350px) rotate(-150deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-libra-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 90px);
    transform: rotate(180deg) translate(0, -350px) rotate(-180deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-scorpio-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(210deg) translate(0, -350px) rotate(-210deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-sagittarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(240deg) translate(0, -360px) rotate(-240deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-capricorn-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(270deg) translate(0, -360px) rotate(-270deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-aquarius-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(300deg) translate(0, -360px) rotate(-300deg);
    transform-origin: 0 270px;
    z-index: 10;
}
.chiron-in-pisces-button {
    display: inline-block;
    padding: 5px 8px;
    background-color: midnightblue;
    color: azure;
    text-decoration: none;
    font-size: 20px;
    border-radius: 15px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    left: calc(50% - 180px);
    transform: rotate(330deg) translate(0, -360px) rotate(-330deg);
    transform-origin: 0 270px;
    z-index: 10;
}




.page157-chiron-in-aries {
    background-color: #bd6b1ff8;
}
.button-home-button-chiron-in-aries-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-aries-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-aries {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page158-chiron-in-taurus {
    background-color: #5f8a38
}
.button-home-button-chiron-in-taurus-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-taurus-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-taurus {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page159-chiron-in-gemini {
    background-color: rgb(51, 94, 173);
}
.button-home-button-chiron-in-gemini-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-gemini-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-gemini {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page160-chiron-in-cancer {
    background-color: rgb(126, 80, 168);
}
.button-home-button-chiron-in-cancer-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-cancer-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-cancer {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page161-chiron-in-leo {
    background-color: #bd6b1ff8;
}
.button-home-button-chiron-in-leo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-leo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-leo {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page162-chiron-in-virgo {
    background-color: #5f8a38;
}
.button-home-button-chiron-in-virgo-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-virgo-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-virgo {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page163-chiron-in-libra {
    background-color: rgb(51, 94, 173);
}
.button-home-button-chiron-in-libra-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-libra-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-libra {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page164-chiron-in-scorpio {
    background-color: rgb(126, 80, 168);
}
.button-home-button-chiron-in-scorpio-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-scorpio-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-scorpio {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page165-chiron-in-sagittarius {
    background-color: #bd6b1ff8;
}
.button-home-button-chiron-in-sagittarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f7c457;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-sagittarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-sagittarius {
    background-color: #f7c457;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #f18118f8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page166-chiron-in-capricorn {
    background-color: #5f8a38
}
.button-home-button-chiron-in-capricorn-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #dbf762;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-capricorn-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-capricorn {
    background-color: #dbf762;
    border: 1px solid #e0dcdc;
    border-left: 30px solid #80a00cf8;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page167-chiron-in-aquarius {
    background-color: rgb(51, 94, 173);
}
.button-home-button-chiron-in-aquarius-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: lightskyblue;
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-aquarius-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-aquarius {
    background-color: rgb(177, 225, 255);
    border: 1px solid #e0dcdc;
    border-left: 30px solid cornflowerblue;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.page168-chiron-in-pisces {
    background-color: rgb(126, 80, 168);
}
.button-home-button-chiron-in-pisces-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(220, 192, 252);
    color: rgb(43, 43, 40);
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.button-home-button-chiron-in-pisces-button:hover {
    background-color: rgb(255, 238, 0);
}
.info-block-chiron-in-pisces {
    background-color: rgb(220, 192, 252);
    border: 1px solid #e0dcdc;
    border-left: 30px solid rgb(149, 101, 211);
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}



/* СТРАНИЦА - МАТРИЦА СУДЬБЫ */

/* Стили для диаграммы */

.layout-matrix {
    display: flex;
    flex-direction: column; /* Строго друг под другом */
    align-items: center; /* Центрируем по горизонтали */
    width: 100%;
    min-height: 100vh;
}

.diagram-container {
    position: relative;
    width: 800px;
    height: 800px;
    margin: 300px auto 100px 800px;
    flex-shrink: 0; /* Запрещаем сжиматься самой матрице */
    display: block;
}

.square-frame {
    position: relative;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    border: 2px solid black;
    box-sizing: border-box;
}

.diamond-frame {
    transform: rotate(45deg);
    position: absolute;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    border: 2px solid black;
    box-sizing: border-box;
}

.horizontal-line {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: black;
}

.vertical-line {
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background-color: black;
}

.diagonal-line-1 {
    position: absolute;
    background-color: black;
    height: 1px;
    z-index: 1;
    top: 0;
    left: 0;
    width: calc(141.42%);
    transform: rotate(45deg);
    transform-origin: top left;
}

.diagonal-line-2 {
    position: absolute;
    background-color: black;
    height: 1px;
    z-index: 1;
    top: 0;
    right: 0;
    width: calc(141.42%);
    transform: rotate(-45deg) translateX(0) translateY(0);
    transform-origin: top right;
}

.diagonal-line-3 {
    position: absolute;
    border-top: 1px dashed black;
    height: 0;
    z-index: 1;
    top: 19%;
    right: 15%;
    width: 380px;
    transform: rotate(-90deg) translateX(0) translateY(0);
    transform-origin: top right; 
}



/* Контейнер для горизонтальной линии земли*/
.new-horizontal-line-container {
    position: absolute;
    width: 200%;
    top: 50%;
    left: -20%;
    z-index: 1;
}
/* Сама горизонтальная линия земли*/
.new-line-horizontal {
    width: 100%;
    height: 2px;
    background-color: #f00;
}
/* Надпись для горизонтальной линии земли*/
.new-horizontal-line-container .line-label {
    position: absolute;
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    top: 20px;
    left: 90%;
    transform: translateX(-50%);
    text-decoration: none;
    cursor: pointer;
    display: flex;

    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    transition: all 0.4s ease-in-out;
}

.new-horizontal-line-container .line-label:hover,
.new-vertical-line-container .line-label:hover {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.8),
            inset 0 0 10px rgba(255, 255, 255, 0.5);
    transform: translateX(-50%) scale(1.05);
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

.new-vertical-line-container .line-label:hover {
    transform: translateY(-50%) rotate(0deg) scale(1.05);
}

/* Контейнер для вертикальной линии неба*/
.new-vertical-line-container {
    position: absolute;
    height: 165%;
    left: 50%;
    top: -30%;
    transform: translateX(-50%);
    z-index: 1;
}
/* Сама вертикальная линия неба*/
.new-line-vertical {
    width: 2px;
    height: 100%;
    background-color: #00f;
}
/* Надпись для вертикальной линии неба*/
.new-vertical-line-container .line-label {
    position: absolute;
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    right: -190px;
    top: 13px;
    transform: translateY(-50%) rotate(-0deg);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    display: flex;

    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: auto;
    transition: all 0.4s ease-in-out;
}


.line-label-age-0 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 270px;
    left: -250px;
}

.line-label-age-10 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: -50px;
    left: -150px;
}

.line-label-age-20 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: -220px;
    left: 250px;
}

.line-label-age-30 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: -50px;
    left: 650px;
}

.line-label-age-40 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 270px;
    left: 760px;
}

.line-label-age-50 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 610px;
    left: 640px;
}

.line-label-age-60 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 760px;
    left: 247px;
}

.line-label-age-70 {
    position: absolute;
    color: black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 630px;
    left: -100px;
}


.symbol-heart {
    position: absolute;
    top: 550px;
    left: 450px;
    color: #c43232;
}

.symbol-dollar {
    position: absolute;
    top: 470px;
    right: 240px;
    color: green;
}


.circle-center-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fdd835; 
    z-index: 10;      
}



.circle-top-center-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: -3%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #aa00ff;
    z-index: 10;
}

.circle-bottom-center-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: -4%;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: #c43232;
}
.circle-left-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    left: -3%;
    transform: translate(-50%, -50%);
    background-color: #aa00ff;
}

.circle-right-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    right: -4%;
    transform: translate(50%, -50%);
    background-color: #c43232;
}

.circle-top-right-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 12%;
    right: 11%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
    }

.circle-bottom-right-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 0%;
    right: 11%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-top-left-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 12%;
    left: 1%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-bottom-left-circle {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 0%;
    left: 0%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-1 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 8%;
    left: 42%;
    transform: translate(50%, -50%);
    background-color: blue;
    z-index: 5;
}

.circle-inner-circle-2 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 20%;
    right: 20%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5; 
}

.circle-inner-circle-3 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    right: 7%;
    transform: translate(50%, -50%);
    background-color: white;
}

.circle-inner-circle-4 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 12%;
    right: 20%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-5 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: white;
}

.circle-inner-circle-6 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 12%;
    left: 12%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-7 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    left: 8%;
    transform: translate(-50%, -50%);
    background-color: blue;
}

.circle-inner-circle-8 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 20%;
    left: 12%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-9 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 16%;
    left: 43%;
    transform: translate(50%, -50%);
    background-color:deepskyblue;
    z-index: 10;
}

.circle-inner-circle-10 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 26%;
    right: 25%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-11 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    right: 16%;
    transform: translate(50%, -50%);
    background-color:#f7c457;
}

.circle-inner-circle-12 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 19%;
    right: 26%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-13 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 17%;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: #f7c457;
}

.circle-inner-circle-14 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 20%;
    left: 20%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-15 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    left: 17%;
    transform: translate(-50%, -50%);
    background-color: white;
}

.circle-inner-circle-16 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 26%;
    left: 20%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-17 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 33%;
    left: 44%;
    transform: translate(50%, -50%);
    background-color:mediumspringgreen;
    z-index: 10;
}

.circle-inner-circle-18 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    right: 33%;
    transform: translate(50%, -50%);
    background-color: white;
}

.circle-inner-circle-19 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    right: 40%;
    transform: translate(50%, -50%);
    background-color: white;
}

.circle-inner-circle-20 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 58%;
    right: 24%;
    transform: translate(50%, -50%);
    background-color: white;
}

.circle-inner-circle-21 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 26%;
    right: 33%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-22 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    bottom: 18%;
    right: 42%;
    transform: translate(50%, -50%);
    background-color: white;
    z-index: 5;
}

.circle-inner-circle-23 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid black;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    top: 50%;
    left: 33%;
    transform: translate(-50%, -50%);
    background-color: mediumspringgreen;
}


/*Прямоугольник - Кармический хвост - первая страница*/
.rounded-rectangle-1 {
    position: absolute;
    width: 100px;
    height: 250px;
    border: 4px solid palevioletred;
    border-radius: 20px;
    background-color: transparent;
    top: 630px;
    left: 345px;
}

/*Прямоугольник - Таланты и навыки - первая страница*/
.rounded-rectangle-2 {
    position: absolute;
    width: 100px;
    height: 225px;
    border: 4px solid darkmagenta;
    border-radius: 20px;
    background-color: transparent;
    bottom: 642px;
    left: 345px
}

/*Прямоугольник - Материальная карма - первая страница*/
.rounded-rectangle-3 {
    position: absolute;
    width: 233px;
    height: 100px;
    border: 4px solid darkgreen;
    border-radius: 20px;
    background-color: transparent;
    bottom: 345px;
    left: 642px
}

/*Прямоугольник - Детско-родительсткий канал - первая страница*/
.rounded-rectangle-4 {
    position: absolute;
    width: 233px;
    height: 100px;
    border: 4px solid darkorange;
    border-radius: 20px;
    background-color: transparent;
    bottom: 345px;
    right: 635px
}

/*Прямоугольник - Духовная программа по линии мужского рода - первая страница*/
.rounded-rectangle-5 {
    position: absolute;
    width: 233px;
    height: 100px;
    border: 4px solid cadetblue;
    border-radius: 20px;
    background-color: transparent;
    bottom: 600px;
    right: 530px;
    transform: rotate(-135deg) translateX(0) translateY(0);
}

/*Прямоугольник - Духовная программа по линии женского рода - первая страница*/
.rounded-rectangle-6 {
    position: absolute;
    width: 233px;
    height: 100px;
    border: 4px solid maroon;
    border-radius: 20px;
    background-color: transparent;
    bottom: 600px;
    right: 17px;
    transform: rotate(-45deg) translateX(0) translateY(0);
}

/* Прямоугольник - Материальная программа по линии мужского рода - первая страница*/
.rounded-rectangle-7 {
    position: absolute;
    width: 236px;
    height: 100px;
    border: 4px solid chocolate;
    border-radius: 20px;
    background-color: transparent;
    bottom: 84px;
    right: 20px;
    transform: rotate(-135deg) translateX(0) translateY(0);
}

/* Прямоугольник - Материальная программа по линии женского рода - первая страница*/
.rounded-rectangle-8 {
    position: absolute;
    width: 239px;
    height: 100px;
    border: 4px solid chartreuse;
    border-radius: 20px;
    background-color: transparent;
    bottom: 93px;
    right: 535px;
    transform: rotate(-45deg) translateX(0) translateY(0);
}

/* Прямоугольник - центр - Зона комфорта - первая страница*/
.rounded-rectangle-9 {
    position: absolute;
    width: 215px;
    height: 90px;
    border: 4px solid beige;
    border-radius: 20px;
    background-color: transparent;
    bottom: 350px;
    right: 230px
}

/* Прямоугольник - денежный канал - первая страница*/
.rounded-rectangle-10 {
    position: absolute;
    width: 245px;
    height: 100px;
    border: 4px solid blue;
    border-radius: 50px;
    background-color: transparent;
    bottom: 279px;
    right: 70px;
    transform: rotate(-45deg) translateX(0) translateY(0);
}

/* Прямоугольник - канал отношений - первая страница*/
.rounded-rectangle-11 {
    position: absolute;
    width: 245px;
    height: 100px;
    border: 4px solid red;
    border-radius: 50px;
    background-color: transparent;
    bottom: 150px;
    right: 200px;
    transform: rotate(-45deg) translateX(0) translateY(0);
}


/*Линия мужского рода*/
.line-label-label-1 {
    position: absolute;
    color:blue;
    font-size: 16px;
    font-family: sans-serif;
    z-index: 2;
    top: 100px;
    left: 135px;
    transform: rotate(45deg);
    transform-origin: 0 0;
}

/*Линия женского рода*/
.line-label-label-2 {
    position: absolute;
    color: red;
    font-size: 16px;
    font-family: sans-serif;
    z-index: 2;
    top: 210px;
    right: 90px;
    transform: rotate(315deg);
    transform-origin: 0 0;
}



/*Кармический хвост - надпись на первой странице*/
.line-label-label-3 {
    position: absolute;
    color: palevioletred;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 930px;
    left: 310px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-3:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Таланты и навыки - надпись на первой странице*/
.line-label-label-4 {
    position: absolute;
    color:darkmagenta;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: -170px;
    left: 310px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-4:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Материальная карма - надпись на первой странице*/
.line-label-label-5 {
    position: absolute;
    color: darkgreen;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 380px;
    left: 935px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-5:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Детско-родительсткий канал - надпись на первой странице*/
.line-label-label-6 {
    position: absolute;
    color:darkorange;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 350px;
    left: -320px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-6:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Денежный канал - надпись на первой странице*/
.line-label-label-7 {
    position: absolute;
    color:blue;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 470px;
    left: 670px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-7:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Канал отношений - надпись на первой странице*/
.line-label-label-8 {
    position: absolute;
    color: red;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 10;
    top: 590px;
    left: 300px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-8:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Духовная программа по линии женского рода - надпись на первой странице*/
.line-label-label-9 {
    position: absolute;
    color:maroon;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 30px;
    left: 820px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-9:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/*Духовная программа по линии мужского рода - надпись на первой странице*/
.line-label-label-10 {
    position: absolute;
    color:cadetblue;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: -95px;
    left: -90px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-10:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Материальная программа по линии женского рода - надпись на первой странице */
.line-label-label-11 {
    position: absolute;
    color:chartreuse;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 770px;
    left: -120px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-11:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Материальная программа по линии мужского рода - надпись на первой странице */
.line-label-label-12 {
    position: absolute;
    color:chocolate;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 2;
    top: 770px;
    left: 750px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-12:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Зона комфорта - надпись на первой странице */
.line-label-label-13 {
    position: absolute;
    color:black;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 11;
    top: 370px;
    left: 359px;
    transform-origin: 0 0;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);

    transition: all 0.3s ease-in-out;
}

.line-label-label-13:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Описание 22 энергий - надпись на первой странице */
.line-label-label-14 {
    position: absolute;
    color:#f7c457;
    font-size: 20px;
    font-family: sans-serif;
    z-index: 11;
    top: 100px;
    left: 1200px;
    transform-origin: 0 0;
    
    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    
    transition: all 0.3s ease-in-out;
}
.line-label-label-14:hover {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid #3c5a24;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}



/* Контейнер для всего инфо блока на главной странице МАТРИЦА */
.info-block-matrix-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 колонки одинаковой ширины */
    gap: 30px;/* Расстояние между блоками */
    width: 1200px;
    max-width: 1600px;
    margin: 200px auto 100px 600px; /* Сверху 500px отступ от самой Матрицы, снизу 50px */
    position: relative;
    z-index: 100;
}

/*Кармический хвост - инфо на первой странице*/
.info-block-matrix-label-3 {
    z-index: 10;
    font-size: 20px;
    color: palevioletred;

    border: 2px solid #5f8a38;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Таланты и навыки - инфо на первой странице*/
.info-block-matrix-label-4 {
    z-index: 10;
    font-size: 20px;
    color: darkmagenta;
    
    border: 2px solid darkmagenta;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Материальная карма - инфо на первой странице*/
.info-block-matrix-label-5 {
    z-index: 10;
    font-size: 20px;
    color:darkgreen;
    
    border: 2px solid darkgreen;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Детско-родительсткий канал - инфо на первой странице*/
.info-block-matrix-label-6 {
    z-index: 10;
    font-size: 20px;
    color: darkorange;
    
    border: 2px solid darkorange;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Денежный канал - инфо на первой странице*/
.info-block-matrix-label-7 {
    z-index: 10;
    font-size: 20px;
    color: blue;
    
    border: 2px solid blue;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Канал Отношений - инфо на первой странице*/
.info-block-matrix-label-8 {
    z-index: 10;
    font-size: 20px;
    color: red;
    
    border: 2px solid red;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Зона комфорта - инфо на первой странице*/
.info-block-matrix-label-9 {
    z-index: 10;
    font-size: 20px;
    color: black;
    
    border: 2px solid darkorange;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Линия Мужского и Женского рода - инфо на первой странице*/
.info-block-matrix-label-10 {
    z-index: 10;
    font-size: 20px;
    color: darkslategray;
    
    border: 2px solid darkslategray;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

/*Линия Земли и Неба - инфо на первой странице*/
.info-block-matrix-label-11 {
    z-index: 10;
    font-size: 20px;
    color: #3c5a24;

    border: 2px solid #3c5a24;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

.page169-MATRIX-comfort-zone {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-comfort-zone {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-comfort-zone {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page170-MATRIX-material-program-male {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-material-program-male {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-material-program-male {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page171-MATRIX-material-program-female{
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-material-program-female {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-material-program-female {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page172-MATRIX-spiritual-program-male {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-spiritual-program-male {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-spiritual-program-male {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page173-MATRIX-spiritual-program-female{
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-spiritual-program-female {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-spiritual-program-female {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page174-MATRIX-relationship-channel {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-relationship-channel {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-relationship-channel{
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page175-MATRIX-money-channel{
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-money-channel {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-money-channel {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.h2 {
    font-family: 'Playfair Display', serif;
    color: #d4af37;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.page176-MATRIX-parent-child-channel {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-parent-child-channel {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-parent-child-channel {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.h2 {
    font-family: 'Playfair Display', serif;
    color: #d4af37;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.page177-MATRIX-material-karma {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-material-karma {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-material-karma {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page178-MATRIX-talents-skills {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-talents-skills {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-talents-skills {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.page179-MATRIX-karmic-tail {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-karmic-tail {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-karmic-tail {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}
.h2 {
    font-family: 'Playfair Display', serif;
    color: #d4af37;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.page180-MATRIX-22-definitions {
    background-color: blanchedalmond;
}
.main-info-block-MATRIX-22-definitions {
    margin-left: 250px;
    padding: 50px 30px;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.info-block-MATRIX-22-definitions {
    background-color: antiquewhite;
    padding-left: 50px;
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    font-size: 20px;
}








/* Основной контейнер для контента Таро */
.main-content-taro {
    display: flex;
    flex-direction: column;
    gap: 40px; /* Отступы между основными разделами */
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    min-height: 100vh; /* Чтобы фон был виден на всю высоту */
}

/* Стили для каждого раздела (Колоды, Оракулы и т.д.) */
.tarot-section {
    width: 100%;
    max-width: 1200px; /* Ограничиваем ширину для лучшего восприятия */
    margin: 0 auto;
}

/* Стили для заголовков разделов */
.tarot-section h2 {
    font-family: 'Neucha', cursive;
    font-size: 2.5rem;
    color: #e5b3ff;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* Контейнер для подразделов */
.subsections {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    justify-content: center; /* Центрирует элементы по горизонтали */
    gap: 40px; /* Отступы между подразделами */
}

/* Стили для каждого отдельного подраздела (карточка с изображением) */
.subsection-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.subsection-item:hover {
    transform: scale(1.05); /* Увеличиваем карточку при наведении */
    opacity: 0.8; /* Делаем её немного прозрачной */
}

/* Стили для изображений внутри карточек */
.subsection-item img {
    width: 312px;
    height: 550px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    
}

/* Стили для текста под изображением */
.subsection-item span {
    margin-top: 10px;
    font-size: 1.2rem;
    font-family: 'Roboto Condensed', sans-serif;
}



.page181-TARO-santamuerte {
    background-color:darkred;
}
.main-info-block-TARO-santamuerte {
    padding: 20px;
    padding-top: 40px;
    text-align: center;
    padding-left: 300px;
    padding-right: 80px;
}
.info-block-TARO-santamuerte-introduction {
    text-align: left;
    padding-left: 320px;
    padding-right: 100px;
    color: #ffd700;
    font-size: 20px
}
.info-block-TARO-santamuerte-introduction .TARO-santamuerte-heading{
    font-size: 3.5rem;
    color: #ffd700;
    margin-bottom: 40px;
    margin-top: 0;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
.main-info-block-TARO-santamuerte .TARO-santamuerte-heading {
    font-size: 3.5rem;
    color: #ffd700; /* Золотой цвет для заголовков */
    margin-bottom: 40px;
    margin-top: 0;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Контейнер для карточек - используем Flexbox для красивого расположения */
.arcanum-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding: 20px 0;
}
/* Стили для каждой отдельной карточки-аркана */
.arcanum-card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #e0e0e0;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: rgba(20, 20, 20, 0.8);
    border: 2px solid #5a5a5a;
    border-radius: 10px;
    padding: 10px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    width: calc(10% - 22.5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.arcanum-card:hover {
    transform: translateY(-10px) scale(1.05); /* Приподнимаем и увеличиваем карточку */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
    border-color: #ffd700; /* Золотая рамка при наведении */
}
.arcanum-card img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #333;
    object-fit: cover;
}
.arcanum-card span {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffd700;
}



.santamuerte-0-Fool {
    background-color: darkred;
    text-align: left;
    padding-left: 250px;
    padding-right: 100px;
    padding-bottom: 150px;
    color: #ffd700;
    font-size: 30px;
}
.santamuerte-0-Fool h1 {
    margin-top: 0;
    padding-top: 20px;
}

.float-image {
    float: left; /* Изображение будет прижато к левому краю */
    margin-right: 20px; /* Добавьте отступ справа, чтобы текст не прилипал к картинке */
    width: 350px; /* Задайте фиксированную ширину, чтобы контролировать размер */
    height: auto; 
    border-radius: 15px;
}

/* Стили для всего списка*/
.skeleton-list {
    list-style-type: none; /* Убираем стандартные маркеры */
    padding-left: 370px; /* Убираем стандартный отступ у списка */
}

/* Стили для каждого пункта списка - добавляем маркер-череп */
.skeleton-list li {
    background-image: url('../img/skeleton.png');
    background-size: 30px 30px; /* Размер иконки-маркера */
    background-repeat: no-repeat; /* Запрещаем повторение изображения */
    background-position: left top; /* Располагаем маркер по центру слева */
    padding-left: 40px; /* Отступ текста от маркера */
    margin-bottom: 10px; /* Отступ между пунктами списка */
}

.santamuerte-1-Magician, 
.santamuerte-2-Priestess,
.santamuerte-3-Empress,
.santamuerte-4-Emperor,
.santamuerte-5-Hierophant,
.santamuerte-6-Lovers,
.santamuerte-7-Chariot,
.santamuerte-8-Strength,
.santamuerte-9-Hermit,
.santamuerte-10-Wheel-of-Fortune,
.santamuerte-11-Justice,
.santamuerte-12-Hanged-Man,
.santamuerte-13-Death,
.santamuerte-14-Temperance,
.santamuerte-15-Devil,
.santamuerte-16-Tower,
.santamuerte-17-Star,
.santamuerte-18-Moon,
.santamuerte-19-Sun,
.santamuerte-20-Judgement,
.santamuerte-21-World,
.santamuerte-1-Cups,
.santamuerte-2-Cups,
.santamuerte-3-Cups,
.santamuerte-4-Cups,
.santamuerte-5-Cups,
.santamuerte-6-Cups,
.santamuerte-7-Cups,
.santamuerte-8-Cups,
.santamuerte-9-Cups,
.santamuerte-10-Cups,
.santamuerte-11-Cups,
.santamuerte-12-Cups,
.santamuerte-13-Cups,
.santamuerte-14-Cups,
.santamuerte-1-Swords,
.santamuerte-2-Swords,
.santamuerte-3-Swords,
.santamuerte-4-Swords,
.santamuerte-5-Swords,
.santamuerte-6-Swords,
.santamuerte-7-Swords,
.santamuerte-8-Swords,
.santamuerte-9-Swords,
.santamuerte-10-Swords,
.santamuerte-11-Swords,
.santamuerte-12-Swords,
.santamuerte-13-Swords,
.santamuerte-14-Swords,
.santamuerte-1-Wands,
.santamuerte-2-Wands,
.santamuerte-3-Wands,
.santamuerte-4-Wands,
.santamuerte-5-Wands,
.santamuerte-6-Wands,
.santamuerte-7-Wands,
.santamuerte-8-Wands,
.santamuerte-9-Wands,
.santamuerte-10-Wands,
.santamuerte-11-Wands,
.santamuerte-12-Wands,
.santamuerte-13-Wands,
.santamuerte-14-Wands,
.santamuerte-1-Pentacles,
.santamuerte-2-Pentacles,
.santamuerte-3-Pentacles,
.santamuerte-4-Pentacles,
.santamuerte-5-Pentacles,
.santamuerte-6-Pentacles,
.santamuerte-7-Pentacles,
.santamuerte-8-Pentacles,
.santamuerte-9-Pentacles,
.santamuerte-10-Pentacles,
.santamuerte-11-Pentacles,
.santamuerte-12-Pentacles,
.santamuerte-13-Pentacles,
.santamuerte-14-Pentacles
 {
    background-color: darkred;
    text-align: left;
    padding-left: 250px;
    padding-right: 100px;
    padding-bottom: 150px;
    color: #ffd700;
    font-size: 30px;
}
.santamuerte-1-Magician h1,
.santamuerte-2-Priestess h1,
.santamuerte-3-Empress h1,
.santamuerte-4-Emperor h1,
.santamuerte-5-Hierophant h1,
.santamuerte-6-Lovers h1,
.santamuerte-7-Chariot,
.santamuerte-8-Strength,
.santamuerte-9-Hermit,
.santamuerte-10-Wheel-of-Fortune,
.santamuerte-11-Justice,
.santamuerte-12-Hanged-Man,
.santamuerte-13-Death,
.santamuerte-14-Temperance,
.santamuerte-15-Devil,
.santamuerte-16-Tower,
.santamuerte-17-Star,
.santamuerte-18-Moon,
.santamuerte-19-Sun,
.santamuerte-20-Judgement,
.santamuerte-21-World,
.santamuerte-1-Cups,
.santamuerte-2-Cups,
.santamuerte-3-Cups,
.santamuerte-4-Cups,
.santamuerte-5-Cups,
.santamuerte-6-Cups,
.santamuerte-7-Cups,
.santamuerte-8-Cups,
.santamuerte-9-Cups,
.santamuerte-10-Cups,
.santamuerte-11-Cups,
.santamuerte-12-Cups,
.santamuerte-13-Cups,
.santamuerte-14-Cups,
.santamuerte-1-Swords,
.santamuerte-2-Swords,
.santamuerte-3-Swords,
.santamuerte-4-Swords,
.santamuerte-5-Swords,
.santamuerte-6-Swords,
.santamuerte-7-Swords,
.santamuerte-8-Swords,
.santamuerte-9-Swords,
.santamuerte-10-Swords,
.santamuerte-11-Swords,
.santamuerte-12-Swords,
.santamuerte-13-Swords,
.santamuerte-14-Swords,
.santamuerte-1-Wands,
.santamuerte-2-Wands,
.santamuerte-3-Wands,
.santamuerte-4-Wands,
.santamuerte-5-Wands,
.santamuerte-6-Wands,
.santamuerte-7-Wands,
.santamuerte-8-Wands,
.santamuerte-9-Wands,
.santamuerte-10-Wands,
.santamuerte-11-Wands,
.santamuerte-12-Wands,
.santamuerte-13-Wands,
.santamuerte-14-Wands,
.santamuerte-1-Pentacles,
.santamuerte-2-Pentacles,
.santamuerte-3-Pentacles,
.santamuerte-4-Pentacles,
.santamuerte-5-Pentacles,
.santamuerte-6-Pentacles,
.santamuerte-7-Pentacles,
.santamuerte-8-Pentacles,
.santamuerte-9-Pentacles,
.santamuerte-10-Pentacles,
.santamuerte-11-Pentacles,
.santamuerte-12-Pentacles,
.santamuerte-13-Pentacles,
.santamuerte-14-Pentacles
{
    margin-top: 0;
    padding-top: 20px;
}






/*СТИЛИ ДЛЯ ТАРО НИКОЛЕТТЫ ЧЕККОЛИ
 * Эстетика: Пастельная, Сюрреалистическая, Нежная с нотками Мрачности*/

/* Общие стили страницы/фона */
.page260-TARO-nicoletta,
.page261-TARO-nicoletta,
.page262-TARO-nicoletta,
.page263-TARO-nicoletta {
    /* Нежный, светлый фон, чтобы имитировать альбомный лист или сказочную атмосферу */
    background-color: #fcecd9; /* #fffae5 #f7e8d3 #f7eaf9 Очень светло-розовый/лавандовый */
    margin: 0;
}

/* Основной информационный блок - центрирование и отступы */
.main-info-block-TARO-nicoletta {
    padding: 30px;
    padding-top: 90px;
    text-align: left;
    padding-left: 300px;    /* Уменьшаем боковые отступы по сравнению с Санта Муэрте, чтобы сделать контент более широким */
    padding-right: 100px;
}

/* Вводный блок с текстом */
.info-block-TARO-nicoletta-introduction {
    text-align: left; /* Центрируем вступительный текст для сказочного вида */
    padding-left: 350px;
    padding-right: 50px;
    color: #611a38;
    font-size: 22px;
    font-family: 'Palatino Linotype', serif; /* Более "книжный", винтажный шрифт */
}

/* Заголовки в вводном блоке */
.info-block-TARO-nicoletta-introduction .TARO-nicoletta-heading,
.main-info-block-TARO-nicoletta .TARO-nicoletta-heading {
    font-size: 4.2rem;
    color: #611a38;  /* #c71585 Ярко-розовый/фуксия - ключевой цвет Чекколи */
    margin-bottom: 30px;
    margin-top: 0;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.9);
    text-transform: capitalize;
    letter-spacing: 3px;
    font-family: 'Palatino Linotype', serif;
    font-weight: bold;
    text-align: center;
}

/* Контейнер для карточек - Flexbox остается, но с меньшим зазором */
.nicoletta-arcanum-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 220px;
    gap: 25px; /* Немного уменьшим зазор */
    padding: 40px 0;
}

/* Стили для каждой отдельной карточки-аркана */
.nicoletta-arcanum-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #2c3e50;  /* Цвет текста - темно-фиолетовый */
    font-family: 'Palatino Linotype', serif;
    background-color: #fcecd9;
    border: 3px solid #9b4969;
    border-radius: 8px;
    padding: 10px;
    transition: all 0.4s ease-in-out;
    width: calc(14% - 30px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4));
    min-width: 140px;
}

/* Эффект при наведении */
.nicoletta-arcanum-card:hover {
    transform: translateY(-5px) scale(1.04);
    box-shadow: 0 12px 25px rgba(139, 0, 0, 0.6);
    /* Розовая тень при наведении */
    border-color: #8b0000;
    /* Темно-красная рамка при наведении */
}

/* Стили изображения карты */
.nicoletta-arcanum-card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    object-fit: cover;
}

/* Название карты */
.nicoletta-arcanum-card span {
    margin-top: 10px;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #611a38;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}



/* --- Стили для страницы отдельного Аркана --- */

/* Общие стили для страницы отдельной карты */
.nicoletta-0-Fool,
.nicoletta-1-Magician,
.nicoletta-2-Priestess,
.nicoletta-3-Empress,
.nicoletta-4-Emperor,
.nicoletta-5-Hierophant,
.nicoletta-6-Lovers,
.nicoletta-7-Chariot,
.nicoletta-8-Justice,
.nicoletta-9-Hermit,
.nicoletta-10-Wheel_of_Fortune,
.nicoletta-11-Strength,
.nicoletta-12-Hangedman,
.nicoletta-13-Death,
.nicoletta-14-Temperance,
.nicoletta-15-Devil,
.nicoletta-16-Tower,
.nicoletta-17-Star,
.nicoletta-18-Moon,
.nicoletta-19-Sun,
.nicoletta-20-Judgemnet,
.nicoletta-21-World,
.nicoletta-1-Cups,
.nicoletta-2-Cups,
.nicoletta-3-Cups,
.nicoletta-4-Cups,
.nicoletta-5-Cups,
.nicoletta-6-Cups,
.nicoletta-7-Cups,
.nicoletta-8-Cups,
.nicoletta-9-Cups,
.nicoletta-10-Cups,
.nicoletta-11-Cups,
.nicoletta-12-Cups,
.nicoletta-13-Cups,
.nicoletta-14-Cups,
.nicoletta-1-Swords,
.nicoletta-2-Swords,
.nicoletta-3-Swords,
.nicoletta-4-Swords,
.nicoletta-5-Swords,
.nicoletta-6-Swords,
.nicoletta-7-Swords,
.nicoletta-8-Swords,
.nicoletta-9-Swords,
.nicoletta-10-Swords,
.nicoletta-11-Swords,
.nicoletta-12-Swords,
.nicoletta-13-Swords,
.nicoletta-14-Swords,
.nicoletta-1-Wands,
.nicoletta-2-Wands,
.nicoletta-3-Wands,
.nicoletta-4-Wands,
.nicoletta-5-Wands,
.nicoletta-6-Wands,
.nicoletta-7-Wands,
.nicoletta-8-Wands,
.nicoletta-9-Wands,
.nicoletta-10-Wands,
.nicoletta-11-Wands,
.nicoletta-12-Wands,
.nicoletta-13-Wands,
.nicoletta-14-Wands,
.nicoletta-1-Pentacles,
.nicoletta-2-Pentacles,
.nicoletta-3-Pentacles,
.nicoletta-4-Pentacles,
.nicoletta-5-Pentacles,
.nicoletta-6-Pentacles,
.nicoletta-7-Pentacles,
.nicoletta-8-Pentacles,
.nicoletta-9-Pentacles,
.nicoletta-10-Pentacles,
.nicoletta-11-Pentacles,
.nicoletta-12-Pentacles,
.nicoletta-13-Pentacles,
.nicoletta-14-Pentacles {
    background-color: #fcecd9;
    text-align: left;
    padding-left: 250px;
    padding-right: 150px;
    padding-bottom: 10px;
    color: #611a38;
    font-size: 22px;
    line-height: 1.6;
    font-family: 'Palatino Linotype', serif;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.9);
}


/* Изображение карты */
.nicoletta-float-image {
    float: right;
    /* Изображение прижимаем к правому краю, чтобы текст обтекал его слева */
    margin-left: 30px;
    /* Отступ слева от картинки для текста */
    margin-bottom: 20px;
    width: 200px;
    height: auto;
    border-radius: 15px;
    border: 5px solid #ffb6c1;
    /* Светло-розовая рамка */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

/* Стили для списка - используем нежные маркеры */
/* 1. Контейнер списка */
.nicoletta-list {
    list-style-type: none; /* Убираем стандартные маркеры */
    padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
    margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
    font-size: 20px; /* Основной размер текста для всего списка */
}

/* 2. Отдельный пункт списка */
.nicoletta-list li {
    position: relative; /* Обязательно для позиционирования псевдоэлемента ::before */
    padding-left: 45px; /* Отступ текста от маркера (должен быть больше ширины маркера) */
    margin-bottom: 12px;/* Отступ между пунктами списка */
    line-height: 1.5; /* Улучшает вертикальное выравнивание и читаемость */
}

/* 3. Маркер-Леденец (Псевдоэлемент ::before) */
.nicoletta-list li:before {
    content: ''; /* Пустой контент для использования фонового изображения */
    position: absolute;
    left: 0; /* Расположение по горизонтали */
    top: 0; /* Расположение по вертикали (0 - верхняя линия текста) */

    /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
    width: 35px; /* Ширина области для леденца */
    height: 35px; /* Высота области для леденца (делаем квадратной для центрирования) */

    background-image: url('../img/lollipop.png');
    background-repeat: no-repeat;
    background-position: center; /* Центрируем леденец внутри области 35x35px */

    /* САМОЕ ГЛАВНОЕ: Сохранение пропорций и отсутствие деформации */
    background-size: contain;
    /* Масштабирует изображение так, чтобы оно поместилось в 35x35px БЕЗ ДЕФОРМАЦИИ */
}


/*
 * Примечание: Вам нужно будет изменить HTML-классы в вашем коде 
 * (например, с .santamuerte-0-Fool на .ceccoli-0-Fool), 
 * чтобы эти стили применились.
 */




 .page338-TARO-pagan,
 .page339-TARO-pagan-0-Fool,
 .page340-TARO-pagan-1-Magician,
 .page341-TARO-pagan-2-Priestess,
 .page342-TARO-pagan-3-Empress,
 .page343-TARO-pagan-4-Emperor,
 .page344-TARO-pagan-5-Hierophant,
 .page345-TARO-pagan-6-Lovers,
 .page346-TARO-pagan-7-Chariot,
 .page347-TARO-pagan-8-Strength,
 .page348-TARO-pagan-9-Hermit,
 .page349-TARO-pagan-10-Wheel_of_Fortune,
 .page350-TARO-pagan-11-Justice,
 .page351-TARO-pagan-12-Hangedman,
 .page352-TARO-pagan-13-Death,
 .page353-TARO-pagan-14-Temperance,
 .page354-TARO-pagan-15-Devil,
 .page355-TARO-pagan-16-Tower,
 .page356-TARO-pagan-17-Star,
 .page357-TARO-pagan-18-Moon,
 .page358-TARO-pagan-19-Sun,
 .page359-TARO-pagan-20-Judgement,
 .page360-TARO-pagan-21-World,
 .page361-TARO-pagan-1-Cups,
 .page362-TARO-pagan-2-Cups,
 .page363-TARO-pagan-3-Cups,
 .page364-TARO-pagan-4-Cups,
 .page365-TARO-pagan-5-Cups,
 .page366-TARO-pagan-6-Cups,
 .page367-TARO-pagan-7-Cups,
 .page368-TARO-pagan-8-Cups,
 .page369-TARO-pagan-9-Cups,
 .page370-TARO-pagan-10-Cups,
 .page371-TARO-pagan-11-Cups,
 .page372-TARO-pagan-12-Cups,
 .page373-TARO-pagan-13-Cups,
 .page374-TARO-pagan-14-Cups,
 .page375-TARO-pagan-1-Swords,
 .page376-TARO-pagan-2-Swords,
 .page377-TARO-pagan-3-Swords,
 .page378-TARO-pagan-4-Swords,
 .page379-TARO-pagan-5-Swords,
 .page380-TARO-pagan-6-Swords,
 .page381-TARO-pagan-7-Swords,
 .page382-TARO-pagan-8-Swords,
 .page383-TARO-pagan-9-Swords,
 .page384-TARO-pagan-10-Swords,
 .page385-TARO-pagan-11-Swords,
 .page386-TARO-pagan-12-Swords,
 .page387-TARO-pagan-13-Swords,
 .page388-TARO-pagan-14-Swords,
 .page389-TARO-pagan-1-Wands,
 .page390-TARO-pagan-2-Wands,
 .page391-TARO-pagan-3-Wands,
 .page392-TARO-pagan-4-Wands,
 .page393-TARO-pagan-5-Wands,
 .page394-TARO-pagan-6-Wands,
 .page395-TARO-pagan-7-Wands,
 .page396-TARO-pagan-8-Wands,
 .page397-TARO-pagan-9-Wands,
 .page398-TARO-pagan-10-Wands,
 .page399-TARO-pagan-11-Wands,
 .page400-TARO-pagan-12-Wands,
 .page401-TARO-pagan-13-Wands,
 .page402-TARO-pagan-14-Wands,
 .page403-TARO-pagan-1-Pentacles,
 .page404-TARO-pagan-2-Pentacles,
 .page405-TARO-pagan-3-Pentacles,
 .page406-TARO-pagan-4-Pentacles,
 .page407-TARO-pagan-5-Pentacles,
 .page408-TARO-pagan-6-Pentacles,
 .page409-TARO-pagan-7-Pentacles,
 .page410-TARO-pagan-8-Pentacles,
 .page411-TARO-pagan-9-Pentacles,
 .page412-TARO-pagan-10-Pentacles,
 .page413-TARO-pagan-11-Pentacles,
 .page414-TARO-pagan-12-Pentacles,
 .page415-TARO-pagan-13-Pentacles,
 .page416-TARO-pagan-14-Pentacles {
    background-color: #8da47e;
 }

 .TARO-pagan-heading {
     font-family: 'Caveat', cursive;
     color: #e0dcd0;
     letter-spacing: 1px;
     text-align:center;
     font-size: 100px;
 }

 .info-block-TARO-pagan-introduction {
    padding: 90px 100px 30px 400px;
    text-align: left;
    color: #6b3e2e;
    font-size: 40px;
    font-family: 'Caveat', cursive;
 }

 .pagan-arcanum-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 1400px;
    margin: 60px 0 60px 450px;
}

.pagan-arcanum-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    position: relative;
    padding: 25px;
    transition: transform 0.4s ease;
}

.pagan-arcanum-card img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Надпись аркана под картой */
.pagan-arcanum-card span {
    margin-top: 20px;
    color: #e2dfd2;
    font-family: 'Caveat', cursive;
    font-size: 30px;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* --- ИЗЯЩНАЯ РАМКА-ЛОЗА (появляется при наведении) --- */
/* Используем псевдоэлементы для создания эффекта обрамления лозой */
.pagan-arcanum-card::before,
.pagan-arcanum-card::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 5px;
    right: 5px;
    bottom: 10px; /* Оставляем место под текст */
    border: 1.5px solid #e2dfd2;
    border-radius: 80px 20px 100px 40px;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    opacity: 0.6;
}

/* Создаем уголки в виде изгибов лозы */
.pagan-arcanum-card:hover::before {
    opacity: 1;
    transform: scaleX(1.05);
    border-color: #6b3e2e;
}

.pagan-arcanum-card:hover::after {
    opacity: 1;
    transform: scaleY(1.02);
    border-color: #6b3e2e;
}

.pagan-arcanum-card:hover {
    transform: scale(1.02);
}

.pagan-arcanum-card:hover img {
    filter: sepia(0%);
}

.pagan-arcanum-card:hover span {
    color: #e0dcd0;
}

.pagan-0-Fool,
.pagan-1-Magician,
.pagan-2-Priestess,
.pagan-3-Empress,
.pagan-4-Emperor,
.pagan-5-Hierophant,
.pagan-6-Lovers,
.pagan-7-Chariot,
.pagan-8-Strength,
.pagan-9-Hermit,
.pagan-10-Wheel_of_Fortune,
.pagan-11-Justice,
.pagan-12-Hangedman,
.pagan-13-Death,
.pagan-14-Temperance,
.pagan-15-Devil,
.pagan-16-Tower,
.pagan-17-Star,
.pagan-18-Moon,
.pagan-19-Sun,
.pagan-20-Judgement,
.pagan-21-World,
.pagan-1-Cups,
.pagan-2-Cups,
.pagan-3-Cups,
.pagan-4-Cups,
.pagan-5-Cups,
.pagan-6-Cups,
.pagan-7-Cups,
.pagan-8-Cups,
.pagan-9-Cups,
.pagan-10-Cups,
.pagan-11-Cups,
.pagan-12-Cups,
.pagan-13-Cups,
.pagan-14-Cups,
.pagan-1-Swords,
.pagan-2-Swords,
.pagan-3-Swords,
.pagan-4-Swords,
.pagan-5-Swords,
.pagan-6-Swords,
.pagan-7-Swords,
.pagan-8-Swords,
.pagan-9-Swords,
.pagan-10-Swords,
.pagan-11-Swords,
.pagan-12-Swords,
.pagan-13-Swords,
.pagan-14-Swords,
.pagan-1-Wands,
.pagan-2-Wands,
.pagan-3-Wands,
.pagan-4-Wands,
.pagan-5-Wands,
.pagan-6-Wands,
.pagan-7-Wands,
.pagan-8-Wands,
.pagan-9-Wands,
.pagan-10-Wands,
.pagan-11-Wands,
.pagan-12-Wands,
.pagan-13-Wands,
.pagan-14-Wands,
.pagan-1-Pentacles,
.pagan-2-Pentacles,
.pagan-3-Pentacles,
.pagan-4-Pentacles,
.pagan-5-Pentacles,
.pagan-6-Pentacles,
.pagan-7-Pentacles,
.pagan-8-Pentacles,
.pagan-9-Pentacles,
.pagan-10-Pentacles,
.pagan-11-Pentacles,
.pagan-12-Pentacles,
.pagan-13-Pentacles,
.pagan-14-Pentacles {
    text-align: left;
    padding-left: 250px;
    padding-right: 150px;
    padding-bottom: 10px;
    font-size: 50px;
    line-height: 1.6;
    font-family: 'Caveat', cursive;
    font-weight: normal;
}

.pagan-list {
    list-style-type: none; /* Убираем стандартные маркеры */
    padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
    margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
    font-family: 'Caveat', cursive;
}

/* 2. Отдельный пункт списка */
.pagan-list li {
    position: relative; /* Обязательно для позиционирования псевдоэлемента ::before */
    padding-left: 80px; /* Отступ текста от маркера (должен быть больше ширины маркера) */
    margin-bottom: 30px; /* Отступ между пунктами списка */
    line-height: 1.2; /* Улучшает вертикальное выравнивание и читаемость */
    color: #6b3e2e;
    display: block; /* Помогает лучше выравнивать текст и маркер */
    align-items: center;
    min-height: 40px; /* Чтобы маркер точно влез по высоте */
}

/* Маркер-Лист*/
.pagan-list li:before {
    content: '';/* Пустой контент для использования фонового изображения */
    position: absolute;
    left: 0; /* Расположение по горизонтали */
    top: 0; /* Расположение по вертикали (0 - верхняя линия текста) */
    transform: none;

    /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
    width: 70px; /* Ширина области для лита */
    height: 70px; /* Высота области для лита (делаем квадратной для центрирования) */

    background-image: url('../img/autumn-maple-leaf-element-design-leaf-elementautumn-leavesautumn-png-image_4062277.jpg');
    background-repeat: no-repeat;
    background-position: top center; /* Центрируем лист внутри области 35x35px */
    background-size: contain;/* ВАЖНО: сжимает картинку, чтобы она влезла в 35px */

    mix-blend-mode: multiply;
    filter: contrast(1.3) saturate(1.2);
    }

    .pagan-term {
    color: #e2dfd2;
    font-weight: bold;
    margin-right: 5px;
    }





    .page417-TARO-waite,
    .page418-TARO-waite-0-Fool,
    .page419-TARO-waite-1-Magician,
    .page420-TARO-waite-2-Priestess,
    .page421-TARO-waite-3-Empress,
    .page422-TARO-waite-4-Emperor,
    .page423-TARO-waite-5-Hierophant,
    .page424-TARO-waite-6-Lovers,
    .page425-TARO-waite-7-Chariot,
    .page426-TARO-waite-8-Strength,
    .page427-TARO-waite-9-Hermit,
    .page428-TARO-waite-10-Wheel_of_Fortune,
    .page429-TARO-waite-11-Justice,
    .page430-TARO-waite-12-Hangedman,
    .page431-TARO-waite-13-Death,
    .page432-TARO-waite-14-Temperance,
    .page433-TARO-waite-15-Devil,
    .page434-TARO-waite-16-Tower,
    .page435-TARO-waite-17-Star,
    .page436-TARO-waite-18-Moon,
    .page437-TARO-waite-19-Sun,
    .page438-TARO-waite-20-Judgement,
    .page439-TARO-waite-21-World,
    .page440-TARO-waite-1-Cups,
    .page441-TARO-waite-2-Cups,
    .page442-TARO-waite-3-Cups,
    .page443-TARO-waite-4-Cups,
    .page444-TARO-waite-5-Cups,
    .page445-TARO-waite-6-Cups,
    .page446-TARO-waite-7-Cups,
    .page447-TARO-waite-8-Cups,
    .page448-TARO-waite-9-Cups,
    .page449-TARO-waite-10-Cups,
    .page450-TARO-waite-11-Cups,
    .page451-TARO-waite-12-Cups,
    .page452-TARO-waite-13-Cups,
    .page453-TARO-waite-14-Cups,
    .page454-TARO-waite-1-Swords,
    .page455-TARO-waite-2-Swords,
    .page456-TARO-waite-3-Swords,
    .page457-TARO-waite-4-Swords,
    .page458-TARO-waite-5-Swords,
    .page459-TARO-waite-6-Swords,
    .page460-TARO-waite-7-Swords,
    .page461-TARO-waite-8-Swords,
    .page462-TARO-waite-9-Swords,
    .page463-TARO-waite-10-Swords,
    .page464-TARO-waite-11-Swords,
    .page465-TARO-waite-12-Swords,
    .page466-TARO-waite-13-Swords,
    .page467-TARO-waite-14-Swords,
    .page468-TARO-waite-1-Wands,
    .page469-TARO-waite-2-Wands,
    .page470-TARO-waite-3-Wands,
    .page471-TARO-waite-4-Wands,
    .page472-TARO-waite-5-Wands,
    .page473-TARO-waite-6-Wands,
    .page474-TARO-waite-7-Wands,
    .page475-TARO-waite-8-Wands,
    .page476-TARO-waite-9-Wands,
    .page477-TARO-waite-10-Wands,
    .page478-TARO-waite-11-Wands,
    .page479-TARO-waite-12-Wands,
    .page480-TARO-waite-13-Wands,
    .page481-TARO-waite-14-Wands,
    .page482-TARO-waite-1-Pentacles,
    .page483-TARO-waite-2-Pentacles,
    .page484-TARO-waite-3-Pentacles,
    .page485-TARO-waite-4-Pentacles,
    .page486-TARO-waite-5-Pentacles,
    .page487-TARO-waite-6-Pentacles,
    .page488-TARO-waite-7-Pentacles,
    .page489-TARO-waite-8-Pentacles,
    .page490-TARO-waite-9-Pentacles,
    .page491-TARO-waite-10-Pentacles,
    .page492-TARO-waite-11-Pentacles,
    .page493-TARO-waite-12-Pentacles,
    .page494-TARO-waite-13-Pentacles,
    .page495-TARO-waite-14-Pentacles{
        background-color: #F2CEA2;
    }

    .TARO-waite-heading {
        font-family: 'Viaoda Libre', serif;
        color: #6b3e2e;
        letter-spacing: 1px;
        text-align: center;
        font-size: 80px;
    }

    .info-block-TARO-waite-introduction {
        padding: 90px 100px 30px 400px;
        text-align: left;
        color: #6b3e2e;
        font-size: 40px;
        font-family: 'Viaoda Libre', serif;
    }

    .waite-arcanum-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        max-width: 1400px;
        margin: 60px 0 60px 400px;
    }
    
    .waite-arcanum-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        position: relative;
        padding: 25px;
        transition: transform 0.4s ease;
    }
    
    .waite-arcanum-card img {
        width: 100%;
        height: auto;
        display: block;
        padding: 10px; /* Отступ между картинкой и рамкой */
        background: #F2CEA2; /* Цвет фона в отступе, чтобы не было белого */
        border: 1px solid #6b3e2e; /* Основная тонкая рамка */
        outline: 4px solid #6b3e2e; /* Вторая линия чуть дальше */
        outline-offset: 3px; /* Расстояние между двумя линиями */
        box-shadow: 0 10px 20px rgba(107, 62, 46, 0.3);
        transition: all 0.4s ease;
    }
    
    /* Надпись аркана под картой */
    .waite-arcanum-card span {
        margin-top: 15px;
        color: #6b3e2e;
        font-family: 'Viaoda Libre', serif;
        text-shadow: 0.1px 0.1px 0px #3e2a1a; /* Дополнительное микро-уплотнение */
        font-size: 20px;
        font-weight: 700;
        transition: all 0.3s ease;
    }
    
    .waite-arcanum-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 50px;
        background: rgba(255, 255, 255, 0.2);  /* Мягкий блик под картой */
        border-radius: 4px;
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: -1;
    }
    
    .waite-arcanum-card:hover {
        transform: translateY(-10px);
    }
    
    .waite-arcanum-card:hover img {
    border-color: #ffffff; /* Паспарту становится чище */
    box-shadow: 0 15px 30px rgba(107, 62, 46, 0.3); /* Тень усиливается */
    outline-color: #6b3e2e; /* Контур становится темнее */
    }
    
    .waite-arcanum-card:hover span {
        color: #4a2b20;
        letter-spacing: 1px;
    }

    .waite-0-Fool,
    .waite-1-Magician,
    .waite-2-Priestess,
    .waite-3-Empress,
    .waite-4-Emperor,
    .waite-5-Hierophant,
    .waite-6-Lovers,
    .waite-7-Chariot,
    .waite-8-Strength,
    .waite-9-Hermit,
    .waite-10-Wheel_of_Fortune,
    .waite-11-Justice,
    .waite-12-Hangedman,
    .waite-13-Death,
    .waite-14-Temperance,
    .waite-15-Devil,
    .waite-16-Tower,
    .waite-17-Star,
    .waite-18-Moon,
    .waite-19-Sun,
    .waite-20-Judgement,
    .waite-21-World,
    .waite-1-Cups,
    .waite-2-Cups,
    .waite-3-Cups,
    .waite-4-Cups,
    .waite-5-Cups,
    .waite-6-Cups,
    .waite-7-Cups,
    .waite-8-Cups,
    .waite-9-Cups,
    .waite-10-Cups,
    .waite-11-Cups,
    .waite-12-Cups,
    .waite-13-Cups,
    .waite-14-Cups,
    .waite-1-Swords,
    .waite-2-Swords,
    .waite-3-Swords,
    .waite-4-Swords,
    .waite-5-Swords,
    .waite-6-Swords,
    .waite-7-Swords,
    .waite-8-Swords,
    .waite-9-Swords,
    .waite-10-Swords,
    .waite-11-Swords,
    .waite-12-Swords,
    .waite-13-Swords,
    .waite-14-Swords,
    .waite-1-Wands,
    .waite-2-Wands,
    .waite-3-Wands,
    .waite-4-Wands,
    .waite-5-Wands,
    .waite-6-Wands,
    .waite-7-Wands,
    .waite-8-Wands,
    .waite-9-Wands,
    .waite-10-Wands,
    .waite-11-Wands,
    .waite-12-Wands,
    .waite-13-Wands,
    .waite-14-Wands,
    .waite-1-Pentacles,
    .waite-2-Pentacles,
    .waite-3-Pentacles,
    .waite-4-Pentacles,
    .waite-5-Pentacles,
    .waite-6-Pentacles,
    .waite-7-Pentacles,
    .waite-8-Pentacles,
    .waite-9-Pentacles,
    .waite-10-Pentacles,
    .waite-11-Pentacles,
    .waite-12-Pentacles,
    .waite-13-Pentacles,
    .waite-14-Pentacles {
        text-align: left;
        padding-left: 300px;
        padding-right: 150px;
        padding-bottom: 10px;
        font-size: 22px;
        line-height: 1.6;
        font-family: 'Caveat', cursive;
        font-weight: normal;
    }



    .waite-list {
        list-style-type: none; /* Убираем стандартные маркеры */
        padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
        margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
        font-size: 20px; /* Основной размер текста для всего списка */
        font-family: 'Viaoda Libre', serif;
        }
    
        /* 2. Отдельный пункт списка */
    .waite-list li {
        position: relative; /* Обязательно для позиционирования псевдоэлемента ::before */
        padding-left: 80px; /* Отступ текста от маркера (должен быть больше ширины маркера) */
        margin-bottom: 70px; /* Отступ между пунктами списка */
        line-height: 1.5; /* Улучшает вертикальное выравнивание и читаемость */
        color: #e0dcd0;
        display: block; /* Помогает лучше выравнивать текст и маркер */
        align-items: center;
        min-height: 40px; /* Чтобы маркер точно влез по высоте */
        }
    
        /* Маркер-Лист*/
    .waite-list li:before {
        content: ''; /* Пустой контент для использования фонового изображения */
        position: absolute;
        left: 0; /* Расположение по горизонтали */
        top: 50%; /* Расположение по вертикали (0 - верхняя линия текста) */
        transform: translateY(-50%);
    
        /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
        width: 70px; /* Ширина области для лита */
        height: 70px; /* Высота области для лита (делаем квадратной для центрирования) */
    
        background-image: url('../img/waite-marker-1.png');
        background-repeat: no-repeat;
        background-position: center; /* Центрируем лист внутри области 35x35px */
        background-size: contain; /* ВАЖНО: сжимает картинку, чтобы она влезла в 35px */
    
        mix-blend-mode: multiply;
        filter: contrast(1.3) saturate(1.2);
        }




        .page496-TARO-slavic-legends,
        .page497-TARO-slavic-legends-0-Fool,
        .page498-TARO-slavic-legends-1-Magician,
        .page499-TARO-slavic-legends-2-Priestess,
        .page500-TARO-slavic-legends-3-Empress,
        .page501-TARO-slavic-legends-4-Emperor,
        .page502-TARO-slavic-legends-5-Hierophant,
        .page503-TARO-slavic-legends-6-Lovers,
        .page504-TARO-slavic-legends-7-Chariot,
        .page505-TARO-slavic-legends-8-Justice,
        .page506-TARO-slavic-legends-9-Hermit,
        .page507-TARO-slavic-legends-10-Wheel_of_Fortune,
        .page508-TARO-slavic-legends-11-Strength,
        .page509-TARO-slavic-legends-12-Hangedman,
        .page510-TARO-slavic-legends-13-Death,
        .page511-TARO-slavic-legends-14-Temperance,
        .page512-TARO-slavic-legends-15-Devil,
        .page513-TARO-slavic-legends-15-Devil,
        .page514-TARO-slavic-legends-16-Tower,
        .page515-TARO-slavic-legends-17-Star,
        .page516-TARO-slavic-legends-18-Moon,
        .page517-TARO-slavic-legends-18-Moon,
        .page518-TARO-slavic-legends-19-Sun,
        .page519-TARO-slavic-legends-20-Judgement,
        .page520-TARO-slavic-legends-21-World,
        .page521-TARO-slavic-legends-1-Cups,
        .page522-TARO-slavic-legends-2-Cups,
        .page523-TARO-slavic-legends-3-Cups,
        .page524-TARO-slavic-legends-4-Cups,
        .page525-TARO-slavic-legends-5-Cups,
        .page526-TARO-slavic-legends-6-Cups,
        .page527-TARO-slavic-legends-7-Cups,
        .page528-TARO-slavic-legends-8-Cups,
        .page529-TARO-slavic-legends-9-Cups,
        .page530-TARO-slavic-legends-10-Cups,
        .page531-TARO-slavic-legends-11-Cups,
        .page532-TARO-slavic-legends-12-Cups,
        .page533-TARO-slavic-legends-13-Cups,
        .page534-TARO-slavic-legends-14-Cups,
        .page535-TARO-slavic-legends-1-Swords,
        .page536-TARO-slavic-legends-2-Swords,
        .page537-TARO-slavic-legends-3-Swords,
        .page538-TARO-slavic-legends-4-Swords,
        .page539-TARO-slavic-legends-5-Swords,
        .page540-TARO-slavic-legends-6-Swords,
        .page541-TARO-slavic-legends-7-Swords,
        .page542-TARO-slavic-legends-8-Swords,
        .page543-TARO-slavic-legends-9-Swords,
        .page544-TARO-slavic-legends-10-Swords,
        .page545-TARO-slavic-legends-11-Swords,
        .page546-TARO-slavic-legends-12-Swords,
        .page547-TARO-slavic-legends-13-Swords,
        .page548-TARO-slavic-legends-14-Swords,
        .page549-TARO-slavic-legends-1-Wands,
        .page550-TARO-slavic-legends-2-Wands,
        .page551-TARO-slavic-legends-3-Wands,
        .page552-TARO-slavic-legends-4-Wands,
        .page553-TARO-slavic-legends-5-Wands,
        .page554-TARO-slavic-legends-6-Wands,
        .page555-TARO-slavic-legends-7-Wands,
        .page556-TARO-slavic-legends-8-Wands,
        .page557-TARO-slavic-legends-9-Wands,
        .page558-TARO-slavic-legends-10-Wands,
        .page559-TARO-slavic-legends-11-Wands,
        .page560-TARO-slavic-legends-12-Wands,
        .page561-TARO-slavic-legends-13-Wands,
        .page562-TARO-slavic-legends-14-Wands,
        .page563-TARO-slavic-legends-1-Pentacles,
        .page564-TARO-slavic-legends-2-Pentacles,
        .page565-TARO-slavic-legends-3-Pentacles,
        .page566-TARO-slavic-legends-4-Pentacles,
        .page567-TARO-slavic-legends-5-Pentacles,
        .page568-TARO-slavic-legends-6-Pentacles,
        .page569-TARO-slavic-legends-7-Pentacles,
        .page570-TARO-slavic-legends-8-Pentacles,
        .page571-TARO-slavic-legends-9-Pentacles,
        .page572-TARO-slavic-legends-10-Pentacles,
        .page573-TARO-slavic-legends-11-Pentacles,
        .page574-TARO-slavic-legends-12-Pentacles,
        .page575-TARO-slavic-legends-13-Pentacles,
        .page576-TARO-slavic-legends-14-Pentacles {
            background-color: #382219;                     /* #403129; #382219 #2B1A12;*/
        }

        .TARO-slavic-legends-heading {
            font-family: 'Viaoda Libre', serif;
            color: #BFB6AE; /*#E5F2D0*/
            letter-spacing: 2px;
            text-align: center;
            font-size: 90px;
            width: 100vw; 
            margin-left: -400px;
            display: block;
            position: relative;
            box-sizing: border-box;
        }
        
        .info-block-TARO-slavic-legends-introduction{
            padding: 60px 100px 30px 550px;
            text-align: left;
            color:#BFB6AE;
            font-size: 28px;
            font-family: 'Viaoda Libre', serif;
            line-height: 1.5;
            max-width: 1400px;
        }

        .info-block-TARO-slavic-legends {
            margin-left: 400px;/* Отступ для меню */
            width: calc(100% - 400px); /* Занимаем только свободную часть */
            text-align: center;
            box-sizing: border-box;
            display: block;
            clear: both; /* Чтобы сетки не налезали */
        }
        
        .slavic-legends-arcanum-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            padding: 50px;
            max-width: 1400px;
            margin: 60px 0 60px 400px;
        }
        
        .slavic-legends-arcanum-card {
            text-decoration: none;
            transition: transform 0.3s ease;
        }
        
        .slavic-legends-arcanum-card img {
            width: 100%;
            height: auto;
            padding: 0px;
            background: none;
            border: 2px solid #5c4534;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
            filter: brightness(0.9);
            
         }
        
        /* Надпись аркана под картой */
        .slavic-legends-arcanum-card span {
            display: block;
            text-align: center;
            margin-top: 20px;
            color: #BFB6AE;
            font-family: 'Viaoda Libre', serif;
            font-size: 18px;
            letter-spacing: 1px;
            font-weight: 400;
            text-transform: uppercase;
        }
        
        .slavic-legends-arcanum-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle, rgba(156, 46, 46, 0.1) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.5s ease;
            z-index: -1;
        }
        
        .slavic-legends-arcanum-card:hover {
            transform: translateY(-15px) scale(1.03);
        }
        
        .slavic-legends-arcanum-card:hover img {
            filter: grayscale(0%) sepia(0%); /* Карта "оживает" при наведении */
            border-color: #BFB6AE; /* Рамка наливается багрянцем */
            outline-color: #BFB6AE;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.9), 0 0 15px rgba(156, 46, 46, 0.2);
        }
        
        .slavic-legends-arcanum-card:hover span {
            color: #e0d8c3;
            text-shadow: 0 0 8px rgba(224, 216, 195, 0.5);
        }

        .slavic-legends-arcanum-card:hover::before {
            opacity: 1;
        }

        .slavic-legends-0-Fool,
        .slavic-legends-1-Magician,
        .slavic-legends-2-Priestess,
        .slavic-legends-3-Empress,
        .slavic-legends-4-Emperor,
        .slavic-legends-5-Hierophant,
        .slavic-legends-6-Lovers,
        .slavic-legends-7-Chariot,
        .slavic-legends-8-Justice,
        .slavic-legends-9-Hermit,
        .slavic-legends-10-Wheel_of_Fortune,
        .slavic-legends-11-Strength,
        .slavic-legends-12-Hangedman,
        .slavic-legends-13-Death,
        .slavic-legends-14-Temperance,
        .slavic-legends-15-Devil,
        .slavic-legends-16-Tower,
        .slavic-legends-17-Star,
        .slavic-legends-18-Moon,
        .slavic-legends-19-Sun,
        .slavic-legends-20-Judgement,
        .slavic-legends-21-World,
        .slavic-legends-1-Cups,
        .slavic-legends-2-Cups,
        .slavic-legends-3-Cups,
        .slavic-legends-4-Cups,
        .slavic-legends-5-Cups,
        .slavic-legends-6-Cups,
        .slavic-legends-7-Cups,
        .slavic-legends-8-Cups,
        .slavic-legends-9-Cups,
        .slavic-legends-10-Cups,
        .slavic-legends-11-Cups,
        .slavic-legends-12-Cups,
        .slavic-legends-13-Cups,
        .slavic-legends-14-Cups,
        .slavic-legends-1-Swords,
        .slavic-legends-2-Swords,
        .slavic-legends-3-Swords,
        .slavic-legends-4-Swords,
        .slavic-legends-5-Swords,
        .slavic-legends-6-Swords,
        .slavic-legends-7-Swords,
        .slavic-legends-8-Swords,
        .slavic-legends-9-Swords,
        .slavic-legends-10-Swords,
        .slavic-legends-11-Swords,
        .slavic-legends-12-Swords,
        .slavic-legends-13-Swords,
        .slavic-legends-14-Swords,
        .slavic-legends-1-Wands,
        .slavic-legends-2-Wands,
        .slavic-legends-3-Wands,
        .slavic-legends-4-Wands,
        .slavic-legends-5-Wands,
        .slavic-legends-6-Wands,
        .slavic-legends-7-Wands,
        .slavic-legends-8-Wands,
        .slavic-legends-9-Wands,
        .slavic-legends-10-Wands,
        .slavic-legends-11-Wands,
        .slavic-legends-12-Wands,
        .slavic-legends-13-Wands,
        .slavic-legends-14-Wands,
        .slavic-legends-1-Pentacles,
        .slavic-legends-2-Pentacles,
        .slavic-legends-3-Pentacles,
        .slavic-legends-4-Pentacles,
        .slavic-legends-5-Pentacles,
        .slavic-legends-6-Pentacles,
        .slavic-legends-7-Pentacles,
        .slavic-legends-8-Pentacles,
        .slavic-legends-9-Pentacles,
        .slavic-legends-10-Pentacles,
        .slavic-legends-11-Pentacles,
        .slavic-legends-12-Pentacles,
        .slavic-legends-13-Pentacles,
        .slavic-legends-14-Pentacles
         {
            text-align: left;
            padding-left: 300px;
            padding-right: 150px;
            padding-bottom: 10px;
            font-size: 22px;
            line-height: 1.6;
            font-family: 'Caveat', cursive;
            font-weight: normal;
        }





        
        .slavic-legends-list {
            list-style-type: none; /* Убираем стандартные маркеры */
            padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
            margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
            font-family: 'Viaoda Libre', serif;
        }
        
        /* 2. Отдельный пункт списка */
        .slavic-legends-list li {
            position: relative; /* Обязательно для позиционирования псевдоэлемента ::before */
            padding-left: 80px; /* Отступ текста от маркера (должен быть больше ширины маркера) */
            margin-bottom: 30px; /* Отступ между пунктами списка */
            line-height: 1.2; /* Улучшает вертикальное выравнивание и читаемость */
            color: #BFB6AE;
            display: block; /* Помогает лучше выравнивать текст и маркер */
            align-items: center;
            min-height: 40px; /* Чтобы маркер точно влез по высоте */
                }
        
        /* Маркер-Лист*/
        .slavic-legends-list li:before {
            content: '';/* Пустой контент для использования фонового изображения */
            position: absolute;
            left: 0; /* Расположение по горизонтали */
            top: 0; /* Расположение по вертикали (0 - верхняя линия текста) */
            transform: none;
        
            /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
            width: 50px; /* Ширина области для лита */
            height: 50px; /* Высота области для лита (делаем квадратной для центрирования) */
        
            background-image: url('../img/burning\ yellow\ candle.png');
            background-repeat: no-repeat;
            background-position: top center; /* Центрируем лист внутри области 35x35px */
            background-size: contain; /* ВАЖНО: сжимает картинку, чтобы она влезла в 35px */
        
            
            filter: contrast(1.3) saturate(1.2);
        }












        .runes-introduction {
            text-align: center;
            color: #fff;
            padding: 40px 20px;
            max-width: 1400px;
            margin: 0 auto;
        }
        .runes-introduction h1 {
            font-family: 'Neucha', cursive;
            font-size: 3rem;
            margin-bottom: 20px;
            color: #fff;
        }
        .runes-introduction p {
            font-size: 2rem;
            line-height: 1.6;
            font-family: 'Neucha', cursive;
        }
        .runes-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            padding: 40px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .rune-card {
            background: rgba(0, 0, 0, 0.5);
            border: 1px solid #D9A689;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            text-decoration: none;
            transition: transform 0.3s ease, background 0.3s ease;
            height: 170px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .rune-card:hover {
            transform: translateY(-5px);
            background: rgba(244, 208, 63, 0.2);
        }
        .rune-card img {
            width: 100%;
            max-width: 80px;
            height: auto;
            display: block;
            margin: 0 auto 10px;
            filter: invert(1) brightness(10) contrast(2) drop-shadow(0 0 8px rgba(255, 255, 255, 0.9));
        }
        .rune-card span {
            color: #fff;
            font-family: 'Neucha', cursive;
            font-size: 1.2rem;
        }

        .RUNES-FEHU,
        .RUNES-URUZ,
        .RUNES-THURISAZ,
        .RUNES-ANSUZ,
        .RUNES-RAIDHO,
        .RUNES-KENAZ,
        .RUNES-GEBO,
        .RUNES-WUNJO,
        .RUNES-HAGALAZ,
        .RUNES-NAUTHIZ,
        .RUNES-ISA,
        .RUNES-JERA,
        .RUNES-EIHWAZ,
        .RUNES-PERTHO,
        .RUNES-ALGIZ,
        .RUNES-SOWILO,
        .RUNES-TIWAZ,
        .RUNES-BERKANO,
        .RUNES-EHWAZ,
        .RUNES-MANNAZ,
        .RUNES-LAGUZ,
        .RUNES-INGWAZ,
        .RUNES-DAGAZ,
        .RUNES-OTHALA {
            text-align: left;
            padding-left: 300px;
            padding-right: 150px;
            padding-bottom: 10px;
            font-size: 22px;
            line-height: 1.6;
            font-family: 'Caveat', cursive;
            font-weight: normal;
        }
        .RUNES-heading {
            font-family: 'Gabriela', serif;
            color: #fff;
            letter-spacing: 2px;
            text-align: center;
            font-size: 90px;
            width: 100vw;
            margin-left: -400px;
            display: block;
            position: relative;
            box-sizing: border-box;
        }
        .rune-focus-img {
            filter: invert(1) brightness(50) contrast(2)
                    drop-shadow(0 0 2px rgba(255, 255, 255, 1))
                    drop-shadow(0 0 10px rgba(255, 255, 255, 0.9))
                    drop-shadow(0 0 20px rgba(255, 255, 255, 0.4));
            width: 100%;
            max-width: 200px;
            height: auto;
            display: block;
            margin: 20px auto;
            opacity: 1;
            float: left;
            margin-right: 40px; /* Відступ ВІД руни до тексту ПРАВОРУЧ */
            margin-left: 0; /* Притискаємо впритул до лівого краю контейнера */
            margin-left: 50px; /* Твій відступ від лівого краю (регулюй це число) */
        }
        .RUNES-list {
            list-style-type: none; /* Убираем стандартные маркеры */
            padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
            margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
            font-family: 'Gabriela', serif;
        }
                /* 2. Отдельный пункт списка */
        .RUNES-list li {
            position: relative; /* Обязательно для позиционирования псевдоэлемента ::before */
            padding-left: 80px; /* Отступ текста от маркера (должен быть больше ширины маркера) */
            margin-bottom: 30px; /* Отступ между пунктами списка */
            line-height: 1.2; /* Улучшает вертикальное выравнивание и читаемость */
            color: #fff;;
            display: block; /* Помогает лучше выравнивать текст и маркер */
            align-items: center;
            min-height: 40px;/* Чтобы маркер точно влез по высоте */
        }
        
        /* Маркер-Лист*/
        .RUNES-list li:before {
            content: ''; /* Пустой контент для использования фонового изображения */
            position: absolute;
            left: 0; /* Расположение по горизонтали */
            top: 0; /* Расположение по вертикали (0 - верхняя линия текста) */
            transform: none;
        
            /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
            width: 50px; /* Ширина области для лита */
            height: 50px; /* Высота области для лита (делаем квадратной для центрирования) */
        
            background-image: url('../img/burning\ yellow\ candle.png');
            background-repeat: no-repeat;
            background-position: top center; /* Центрируем лист внутри области 35x35px */
            background-size: contain; /* ВАЖНО: сжимает картинку, чтобы она влезла в 35px */
        
        
            filter: contrast(1.3) saturate(1.2);
         }





        .page601-TARO-deviant-moon,
        .page602-TARO-deviant-moon-0-Fool,
        .page603-TARO-deviant-moon-1-Magician,
        .page604-TARO-deviant-moon-2-Priestess,
        .page605-TARO-deviant-moon-3-Empress,
        .page606-TARO-deviant-moon-4-Emperor,
        .page607-TARO-deviant-moon-5-Hierophant,
        .page608-TARO-deviant-moon-6-Lovers,
        .page609-TARO-deviant-moon-7-Chariot,
        .page610-TARO-deviant-moon-8-Justice,
        .page611-TARO-deviant-moon-9-Hermit,
        .page612-TARO-deviant-moon-10-Wheel_of_Fortune,
        .page613-TARO-deviant-moon-11-Strength,
        .page614-TARO-deviant-moon-12-Hangedman,
        .page615-TARO-deviant-moon-13-Death,
        .page616-TARO-deviant-moon-14-Temperance,
        .page617-TARO-deviant-moon-15-Devil,
        .page618-TARO-deviant-moon-16-Tower,
        .page619-TARO-deviant-moon-17-Star,
        .page620-TARO-deviant-moon-18-Moon,
        .page621-TARO-deviant-moon-19-Sun,
        .page622-TARO-deviant-moon-20-Judgement,
        .page623-TARO-deviant-moon-21-World,
        .page624-TARO-deviant-moon-1-Cups,
        .page625-TARO-deviant-moon-2-Cups,
        .page626-TARO-deviant-moon-3-Cups,
        .page627-TARO-deviant-moon-4-Cups,
        .page628-TARO-deviant-moon-5-Cups,
        .page629-TARO-deviant-moon-6-Cups,
        .page630-TARO-deviant-moon-7-Cups,
        .page631-TARO-deviant-moon-8-Cups,
        .page632-TARO-deviant-moon-9-Cups,
        .page633-TARO-deviant-moon-10-Cups,
        .page634-TARO-deviant-moon-11-Cups,
        .page635-TARO-deviant-moon-12-Cups,
        .page636-TARO-deviant-moon-13-Cups,
        .page637-TARO-deviant-moon-14-Cups,
        .page638-TARO-deviant-moon-1-Swords,
        .page639-TARO-deviant-moon-2-Swords,
        .page640-TARO-deviant-moon-3-Swords,
        .page641-TARO-deviant-moon-4-Swords,
        .page642-TARO-deviant-moon-5-Swords,
        .page643-TARO-deviant-moon-6-Swords,
        .page644-TARO-deviant-moon-7-Swords,
        .page645-TARO-deviant-moon-8-Swords,
        .page646-TARO-deviant-moon-9-Swords,
        .page647-TARO-deviant-moon-10-Swords,
        .page648-TARO-deviant-moon-11-Swords,
        .page649-TARO-deviant-moon-12-Swords,
        .page650-TARO-deviant-moon-13-Swords,
        .page651-TARO-deviant-moon-14-Swords,
        .page652-TARO-deviant-moon-1-Wands,
        .page653-TARO-deviant-moon-2-Wands,
        .page654-TARO-deviant-moon-3-Wands,
        .page655-TARO-deviant-moon-4-Wands,
        .page656-TARO-deviant-moon-5-Wands,
        .page657-TARO-deviant-moon-6-Wands,
        .page658-TARO-deviant-moon-7-Wands,
        .page659-TARO-deviant-moon-8-Wands,
        .page660-TARO-deviant-moon-9-Wands,
        .page661-TARO-deviant-moon-10-Wands,
        .page662-TARO-deviant-moon-11-Wands,
        .page663-TARO-deviant-moon-12-Wands,
        .page664-TARO-deviant-moon-13-Wands,
        .page665-TARO-deviant-moon-14-Wands,
        .page666-TARO-deviant-moon-1-Pentacles,
        .page667-TARO-deviant-moon-2-Pentacles,
        .page668-TARO-deviant-moon-3-Pentacles,
        .page669-TARO-deviant-moon-4-Pentacles,
        .page670-TARO-deviant-moon-5-Pentacles,
        .page671-TARO-deviant-moon-6-Pentacles,
        .page672-TARO-deviant-moon-7-Pentacles,
        .page673-TARO-deviant-moon-8-Pentacles,
        .page674-TARO-deviant-moon-9-Pentacles,
        .page675-TARO-deviant-moon-10-Pentacles,
        .page676-TARO-deviant-moon-11-Pentacles,
        .page677-TARO-deviant-moon-12-Pentacles,
        .page678-TARO-deviant-moon-13-Pentacles,
        .page679-TARO-deviant-moon-14-Pentacles {
            background-color: #251a2b;
            
        }
        
        .TARO-deviant-moon-heading {
            font-family: 'Kurale', serif;
            color: #E5F2D0; 
            letter-spacing: 2px;
            text-align: center;
            font-size: 90px;
            width: 100vw;
            margin-left: -400px;
            display: block;
            position: relative;
            box-sizing: border-box;
        }
        
        .info-block-TARO-deviant-moon-introduction {
            padding: 60px 100px 30px 550px;
            text-align: left;
            color: #E5F2D0;
            font-size: 28px;
            font-family: 'Kurale', serif;
            line-height: 1.5;
            max-width: 1400px;
        }
        
        .info-block-TARO-deviant-moon {
            margin-left: 400px; /* Отступ для меню */
            width: calc(100% - 400px); /* Занимаем только свободную часть */
            text-align: center;
            box-sizing: border-box;
            display: block;
            clear: both; /* Чтобы сетки не налезали */
        }
        
        .deviant-moon-arcanum-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            row-gap: 90px; /* Расстояние между рядами (по вертикали) */
            padding: 50px;
            max-width: 1600px;
            margin: 60px 0 60px 400px;
        }
        
        .deviant-moon-arcanum-card {
            text-decoration: none;
            transition: transform 0.3s ease;
        }
        
        .deviant-moon-arcanum-card img {
            width: 100%;
            height: auto;
            padding: 0px;
            background: none;
            border: 2px solid #5c4534;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
            filter: brightness(0.9);
        }
        
            /* Надпись аркана под картой */
        .deviant-moon-arcanum-card span {
            display: block;
            text-align: center;
            margin-top: 20px;
            color: #BFB6AE;
            font-family: 'Kurale', serif;
            font-size: 18px;
            letter-spacing: 1px;
            font-weight: 400;
            text-transform: uppercase;
        }
        
        .deviant-moon-arcanum-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle, rgba(156, 46, 46, 0.1) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.5s ease;
            z-index: -1;
        }
        
        .deviant-moon-arcanum-card:hover {
            transform: translateY(-15px) scale(1.03);
        }
        
        .deviant-moon-arcanum-card:hover img {
            filter: grayscale(0%) sepia(0%);  /* Карта "оживает" при наведении */
            border-color: #BFB6AE; /* Рамка наливается багрянцем */
            outline-color: #BFB6AE;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.9), 0 0 15px rgba(156, 46, 46, 0.2);
        }
        
        .deviant-moon-arcanum-card:hover span {
            color: #e0d8c3;
            text-shadow: 0 0 8px rgba(224, 216, 195, 0.5);
        }
        
        .deviant-moon-arcanum-card:hover::before {
            opacity: 1;
        }

        
        .deviant-moon-0-Fool,
        .deviant-moon-1-Magician,
        .deviant-moon-2-Priestess,
        .deviant-moon-3-Empress,
        .deviant-moon-4-Emperor,
        .deviant-moon-5-Hierophant,
        .deviant-moon-6-Lovers,
        .deviant-moon-7-Chariot,
        .deviant-moon-8-Justice,
        .deviant-moon-9-Hermit,
        .deviant-moon-10-Wheel_of_Fortune,
        .deviant-moon-11-Strength,
        .deviant-moon-12-Hangedman,
        .deviant-moon-13-Death,
        .deviant-moon-14-Temperance,
        .deviant-moon-15-Devil,
        .deviant-moon-16-Tower,
        .deviant-moon-17-Star,
        .deviant-moon-18-Moon,
        .deviant-moon-19-Sun,
        .deviant-moon-20-Judgement,
        .deviant-moon-21-World,
        .deviant-moon-1-Cups,
        .deviant-moon-2-Cups,
        .deviant-moon-3-Cups,
        .deviant-moon-4-Cups,
        .deviant-moon-5-Cups,
        .deviant-moon-6-Cups,
        .deviant-moon-7-Cups,
        .deviant-moon-8-Cups,
        .deviant-moon-9-Cups,
        .deviant-moon-10-Cups,
        .deviant-moon-11-Cups,
        .deviant-moon-12-Cups,
        .deviant-moon-13-Cups,
        .deviant-moon-14-Cups,
        .deviant-moon-1-Swords,
        .deviant-moon-2-Swords,
        .deviant-moon-3-Swords,
        .deviant-moon-4-Swords,
        .deviant-moon-5-Swords,
        .deviant-moon-6-Swords,
        .deviant-moon-7-Swords,
        .deviant-moon-8-Swords,
        .deviant-moon-9-Swords,
        .deviant-moon-10-Swords,
        .deviant-moon-11-Swords,
        .deviant-moon-12-Swords,
        .deviant-moon-13-Swords,
        .deviant-moon-14-Swords,
        .deviant-moon-1-Wands,
        .deviant-moon-2-Wands,
        .deviant-moon-3-Wands,
        .deviant-moon-4-Wands,
        .deviant-moon-5-Wands,
        .deviant-moon-6-Wands,
        .deviant-moon-7-Wands,
        .deviant-moon-8-Wands,
        .deviant-moon-9-Wands,
        .deviant-moon-10-Wands,
        .deviant-moon-11-Wands,
        .deviant-moon-12-Wands,
        .deviant-moon-13-Wands,
        .deviant-moon-14-Wands,
        .deviant-moon-1-Pentacles,
        .deviant-moon-2-Pentacles,
        .deviant-moon-3-Pentacles,
        .deviant-moon-4-Pentacles,
        .deviant-moon-5-Pentacles,
        .deviant-moon-6-Pentacles,
        .deviant-moon-7-Pentacles,
        .deviant-moon-8-Pentacles,
        .deviant-moon-9-Pentacles,
        .deviant-moon-10-Pentacles,
        .deviant-moon-11-Pentacles,
        .deviant-moon-12-Pentacles,
        .deviant-moon-13-Pentacles,
        .deviant-moon-14-Pentacles {
            text-align: left;
            padding-left: 300px;
            padding-right: 150px;
            padding-bottom: 10px;
            font-size: 22px;
            line-height: 1.6;
            font-family: 'Kurale', serif;
            font-weight: normal;
        }
        
        .deviant-moon-list {
            list-style-type: none; /* Убираем стандартные маркеры */
            padding-left: 0; /* Убираем стандартный отступ, чтобы мы могли сами его задать */
            margin-left: 370px; /* Сдвигаем ВЕСЬ список вправо (если нужно) */
            font-family: 'Kurale', serif;
        }
        
        /* 2. Отдельный пункт списка */
        .deviant-moon-list li {
            position: relative;
            /* Обязательно для позиционирования псевдоэлемента ::before */
            padding-left: 80px;
            /* Отступ текста от маркера (должен быть больше ширины маркера) */
            margin-bottom: 30px;
            /* Отступ между пунктами списка */
            line-height: 1.2;
            /* Улучшает вертикальное выравнивание и читаемость */
            color: #E5F2D0;
            display: block;
            /* Помогает лучше выравнивать текст и маркер */
            align-items: center;
            min-height: 40px;
            /* Чтобы маркер точно влез по высоте */
        }
        
        /* Маркер-Лист*/
        .deviant-moon-list li:before {
            content: ''; /* Пустой контент для использования фонового изображения */
            position: absolute;
            left: 0; /* Расположение по горизонтали */
            top: 0;  /* Расположение по вертикали (0 - верхняя линия текста) */
            transform: none;
        
            /* УСТАНАВЛИВАЕМ КОНТЕЙНЕР ДЛЯ ИЗОБРАЖЕНИЯ */
            width: 50px; /* Ширина области для лита */
            height: 50px; /* Высота области для лита (делаем квадратной для центрирования) */
        
            background-image: url('../img/moon\ marker.png');
            background-repeat: no-repeat;
            background-position: top center; /* Центрируем лист внутри области 35x35px */
            background-size: contain;
            /* ВАЖНО: сжимает картинку, чтобы она влезла в 35px */
        
        
            filter: contrast(1.3) saturate(1.2);
        }