/
abaturov
/
keeveeg.github.io
Обзор
Документация
Войти
/
abaturov
/
keeveeg.github.io
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
style.css
99 строк
1 KB
Nikita Abaturov
format
20 июл 2022, 16:17
20 июл 2022, 16:17
1a13085
Код
Авторство
О чём код?
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap'); * { padding: 0; margin: 0; font-family: 'Play', sans-serif; font-size: 18px; color: white; cursor: none; } .cursor { position: absolute; pointer-events: none; display: none; z-index: 1; width: 26px; height: 26px; background: url('assets/cookie.png'); border-radius: 24px; transform: translate(-50%, -50%); } .cursor.click { background-position: 26px 0; } h1 { font-size: 5rem; letter-spacing: 0.45rem; margin-bottom: 0.5rem; } p { margin: 0.3rem 0; font-size: 2rem; letter-spacing: 0.15rem; } .desc { text-align: center; } a { font-size: 1.5rem; letter-spacing: 0.1rem; } main { height: 100vh; width: 100vw; background: #3488b1 center bottom url('assets/hmm.gif') no-repeat; background-size: 35vh; } .wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .wrapper div { transform: translateY(-7vh); } @media (max-width: 490px) { * { font-size: 12px; } } @media (max-width: 330px) { * { font-size: 9px; } } .icons { transform: translateY(-5rem); } .icons div { position: absolute; left: 0; right: 0; text-align: center; transition: 0.4s ease; } .icons img { width: 4rem; } .icons div.show { transform: translateY(8rem); }