From 2f554376104b9c3354da16b4050d1025d1b55856 Mon Sep 17 00:00:00 2001 From: moepoi Date: Tue, 9 Nov 2021 09:13:41 +0700 Subject: [PATCH] Added about-us css --- public/css/abous-us.css | 61 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 public/css/abous-us.css diff --git a/public/css/abous-us.css b/public/css/abous-us.css new file mode 100644 index 0000000..fd48d20 --- /dev/null +++ b/public/css/abous-us.css @@ -0,0 +1,61 @@ +body { + font-family: 'Poppins', sans-serif; + background-color: #1b1c1e; +} + +video { + opacity: 0.5; +} + +@media screen { + .card { + width: 70%; + margin: auto; + } +} + +.card-img-overlay { + position: absolute; + text-align: center; +} + + +.navbar-brand { + width: 5%; +} + +br { + display: block; + content: " "; + margin: 3vw 0; + line-height: 4vw; +} + +.card-img-overlay h1 { + font-size: 5vw; +} + +.card-img-overlay h3 { + font-size: 2vw; +} + +.card-img-overlay p { + font-size: 1.4vw; +} + +@media screen and (max-width: 500px) { + .card-img-overlay { + top: -2.7vw; + } + + .navbar-brand { + width: 15vw; + height: 15vw; + } +} + +@media screen and (min-width: 501px) { + .card-img-overlay { + top: 2.7vw; + } +} \ No newline at end of file