From 9137cfd95b09c7d113e745f04e06d0e66ca64b6d Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Fri, 16 Jun 2023 16:38:52 +0200 Subject: feat: index.html à peu près pleine, texte dans moa.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 37 ++++++++++++++++++++++++++++++++----- 1 file changed, 32 insertions(+), 5 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 451b2bc..0cb9c6f 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,17 @@ body{ + background-image:url(img/wp.gif); + background-size:cover; text-align:center; font-family:Cousine; } +.language{ + text-decoration:none; + position: absolute; + right:5px; + top: 0; +} + .links{ display: grid; justify-content: center; @@ -12,19 +21,37 @@ body{ .link{ display: flex; flex-direction: column; - justify-content: center; - align-items: center; + justify-content:center; + align-items:center; width: 265px; height: 215px; margin: 10px; - background-color: rgba(23, 23, 23, 0.55); - border-radius: 10px; - border: 2px solid #bd93f9; + background-color: rgba(220, 237, 200, 0.55); border: 3px solid skyblue; border-radius: 2%; } +a{ + text-decoration: none; + color: inherit; +} + +.link:hover { + opacity: 0.6; +} +.link span{ + font-family:tintin; + font-size:1.5em; + position: relative; + top: 3%; +} + @font-face{ font-family:Cousine; src:url(./fonts/CousineNerdFont-Regular.ttf); } + +@font-face{ + font-family:tintin; + src:url(./fonts/tintin_talking.ttf); +} -- cgit v1.2.3