@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import "../css/classicatwo.css";
@import "../css/solena.css";
body {
    background-color: black; /* Устанавливаем черный фон */
    font-family: 'Quicksand', sans-serif;
    text-shadow: 1px 1px 1px rgba(218,165,32,1)
    
}

.heart {
    position: absolute;
    width: 30px; /* Увеличим размер сердечек */
    height: 30px; /* Увеличим размер сердечек */
    background-image: url('logo-compact.png'); /* Заменим фон на изображение сердечка */
    background-size: cover;
    filter: blur(5px); /* Добавим размытие */
}

@keyframes fly {
    0% {
        left: -10%;
        top: -10%;
        opacity: 1;
    }
    100% {
        left: 110%;
        top: -20%;
        opacity: 0;
    }
}
.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    max-width: 400px; /* Установите желаемую максимальную ширину */
    margin: 0 auto; /* Центрируем контейнер по горизонтали */
}

.column {
    width: 90%; /* Ширина колонки */
    margin-bottom: 20px;
    background-color: #333; /* Темно-черный цвет фона */
    border-radius: 10px; /* Задаем загругления */
    padding: 20px; /* Добавляем отступы внутри колонок */
    color: white; /* Устанавливаем белый цвет текста */
    text-shadow: 1px 1px gold; /* Устанавливаем золотую тень */
    border: 1px solid gold; /* Устанавливаем кантик золотого цвета */
    position: relative; /* Устанавливаем позиционирование для псевдоэлемента */
    display: flex;
    justify-content: center;
    align-items: center;
}
.crypto-item {
    display: flex;
    align-items: center; /* Выравнивание элементов по вертикали */
    text-align: center;

}

.crypto-logo-container {
    margin-right: 10px; /* Отступ между логотипом и остальной информацией */
}

.copy-address-container {
    display: flex;
    align-items: center; /* Выравнивание элементов в контейнере по вертикали */
}

.copy-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.copy-feedback {
    display: none; /* Изначально скрываем текст "Copied!" */
    margin-left: 5px; /* Отступ слева от кнопки */
    color: gold; /* Цвет текста "Copied!" */
}



.copy-icon {
    color: gold;
    cursor: pointer;
}

.copy-icon:hover {
    color: #ffd700; /* Цвет иконки при наведении */
}

/* Медиа-запросы для адаптации к мобильным устройствам */
@media screen and (max-width: 480px) {
    .crypto-item {
        padding: 10px;
    }
}
.copied-message {
    display: none; /* Скрываем сообщение до того, как оно будет активировано */
    color: gold;
    font-weight: bold;
    margin-left: 10px; /* Добавляем небольшой отступ между кнопкой и сообщением */
}


.copy-button svg {
    width: 20px;
    height: 20px;
    fill: transparent; /* Прозрачный цвет */
    stroke: gold; /* Золотой цвет для кантика */
    stroke-width: 2; /* Ширина линии */
}
.copy-text{
        color: gold;
    font-weight: bold;
}

.column:last-child {
    margin-bottom: 80px; /* Установите отступ от нижнего края */
}