From 7bf58894761742d4da8e6f52ce113ea7327e7114 Mon Sep 17 00:00:00 2001 From: Joris Date: Thu, 16 May 2019 09:40:02 +0200 Subject: Bootstrap --- public/main.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 public/main.css (limited to 'public/main.css') diff --git a/public/main.css b/public/main.css new file mode 100644 index 0000000..a2a4495 --- /dev/null +++ b/public/main.css @@ -0,0 +1,56 @@ +/* General */ + +body { + margin: 0; +} + +/* Header */ + +.header__link { + display: block; + text-decoration: none; + background-color: #333333; + color: white; + padding: 10px; + margin-bottom: 20px; + font-size: 22px; + font-weight: bold; +} + +/* Index */ + +.index__poses { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.index__poseLink { + color: #333366; + padding: 20px; + transition: transform 0.1s ease-in; +} + +.index__poseLink:hover { + transform: scale(1.05); +} + +.index__poseName { + text-align: center; + font-size: 20px; + margin: 10px 0; +} + +.index__poseImageParent { + display: flex; + justify-content: center; + align-items: center; + width: 300px; + height: 300px; +} + +.index__poseImage { + max-width: 90%; + max-height: 90%; + border-radius: 3px; +} -- cgit v1.2.3