From 9248e1a819ec0012356bb0e31c249dffd85446d5 Mon Sep 17 00:00:00 2001 From: gojoitez <159573309+gojoitez@users.noreply.github.com> Date: Fri, 9 Feb 2024 23:21:45 +0400 Subject: [PATCH] ray --- img/ray | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 img/ray diff --git a/img/ray b/img/ray new file mode 100644 index 0000000..3a66206 --- /dev/null +++ b/img/ray @@ -0,0 +1,70 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + font-size: 62.5%; +} + +body { + background-color: #fff0f6; + font-family: "Protest Riot", sans-serif; +} + +.container { + height: 100vh; + margin: 0 auto; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.cat-img { + width: 30rem; + height: 30rem; + margin-bottom: 2rem; +} + +.title { + font-size: 3.6rem; + color: #f53699; + text-align: center; + margin-bottom: 2rem; +} + +.buttons { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + + gap: 1rem; +} + +.btn { + padding: 1.5rem 2.5rem; + border: none; + border-radius: 4px; + + color: white; + font-size: 1.6rem; + font-weight: 600; + cursor: pointer; + display: inline-block; +} + +.btn--yes { + background-color: #40c057; +} + +.btn--yes { + background-color: #f03e3e; +} + +.hidden { + display: none; +}