/* Подключи в : */ body { margin: 0; font-family: 'Poppins', sans-serif; background: url("images/bg.jpg") no-repeat center center fixed; background-size: cover; color: #222; } /* Навигация */ box { background: rgba(0,0,0,0.6); backdrop-filter: blur(10px); width: 100%; height: 65px; top: 0; left: 0; position: sticky; z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 0 6%; border-bottom: 1px solid rgba(255,255,255,0.1); } .InfiGamesBox a { font-family: 'Spicy Rice', cursive; color: #fff; font-size: 26px; text-decoration: none; transition: color 0.3s ease; } .InfiGamesBox a:hover { color: #00e5ff; } .HomeBox a, .PrivacyBox a { color: #f5f5f5; margin-left: 25px; text-decoration: none; font-weight: 600; font-size: 16px; transition: color 0.3s ease; } .HomeBox a:hover, .PrivacyBox a:hover { color: #00e5ff; } /* Контент */ .IndexCenterBox, .PrivacyCenterBox { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); width: 75%; margin: 90px auto; padding: 40px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.25); color: #222; animation: fadeIn 0.8s ease; } .welcomeText { text-align: center; font-size: 34px; margin-bottom: 30px; font-weight: 600; color: #2f3d4c; } /* Сетка игр */ .BorderImages { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; justify-items: center; } /* Карточки игр */ .BorderImages div { width: 230px; height: 230px; border-radius: 18px; background-size: cover; background-position: center; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease; position: relative; overflow: hidden; } .BorderImages div:hover { transform: translateY(-8px) scale(1.05); box-shadow: 0 15px 30px rgba(0,0,0,0.35); } .BorderImages p { position: absolute; bottom: 15px; width: 100%; text-align: center; font-size: 18px; font-weight: 600; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,0.6); } .gameCard img { width: 120px; height: 120px; object-fit: cover; border-radius: 25%; margin-bottom: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); } /* Privacy text */ .privacyBoxText { font-size: 17px; line-height: 1.7; color: #2f3d4c; } /* Анимация появления */ @keyframes fadeIn { from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);} }