From bf2132f166db1def94841c307be6df834c7145d6 Mon Sep 17 00:00:00 2001 From: HearMeWhisper Date: Sat, 27 Nov 2021 01:13:34 +0000 Subject: [PATCH] MTG style fix --- MTG/style.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/MTG/style.css b/MTG/style.css index 008ae4e..54183ce 100644 --- a/MTG/style.css +++ b/MTG/style.css @@ -4,21 +4,27 @@ box-sizing: border-box; } html{ - height:100%; - width: 100% + /* height:100% */ + /* width: 100% */ } body{ background-color: darkslategray; - height: 100vh; - width: 100vw; - margin: 0; + /* height: 100vh; */ + /* width: 100vw; */ + /* margin: 0 auto; */ + display: flex; + /* align-items: center */ } main{ display: flex; justify-content: space-evenly; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; flex-wrap: wrap; + width: 100vw; + height:100vh; align-items: center; + /* margin: 0 auto; */ + } .name{ @@ -56,7 +62,7 @@ border-bottom: 1px solid #BBB; border-radius: 30px; color: #333; - padding: 8px 0; + padding: 10px 0; text-shadow: 0 1px 0 #EEE; display: flex; justify-content: center; @@ -66,12 +72,15 @@ font-size: 4.5rem; user-select: none; } + .life div{ + margin: 15px; + } .player{ padding: 20px; display: flex; flex-direction: column; - + margin: 3%; } .buttons{