From 0247e4d0e11f4ef6ae2e657dd34535561dd80962 Mon Sep 17 00:00:00 2001 From: moepoi Date: Tue, 9 Nov 2021 09:15:15 +0700 Subject: [PATCH] Added register-verification-completed css --- .../css/register-verification-completed.css | 110 ++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 public/css/register-verification-completed.css diff --git a/public/css/register-verification-completed.css b/public/css/register-verification-completed.css new file mode 100644 index 0000000..d6ad4da --- /dev/null +++ b/public/css/register-verification-completed.css @@ -0,0 +1,110 @@ +body { + font-family: 'Poppins', sans-serif; + background-color: #1b1c1e; +} + +.nav-color { + background-color: #212226; +} + +.card { + position: center; + margin: auto; + text-align: center; + border-radius: 20px; + background-color: #212226; +} + +.btn { + background-color: darkred; + border-color: darkred; + border-radius: 100px; +} + +.btn:hover { + background-color: red; + border-color: red; +} + +.icon { + position: center; + margin: auto; + width: 70%; + height: 70%; +} + +@media screen and (max-width: 766px) { + .card h2 { + font-size: 7vw; + } + + .card h6 { + font-size: 5vw; + } + + .card a { + font-size: 5vw; + } + + .navbar-brand { + width: 11vw; + height: 11vw; + } +} + +@media screen and (min-width: 767px) { + .card h2 { + font-size: 4vw; + } + + .card h6 { + font-size: 2vw; + } + + .card a { + font-size: 2.5vw; + } + + .navbar-brand { + width: 8vw; + height: 8vw; + } +} + +@media screen and (min-width: 993px) { + .card h2 { + font-size: 3vw; + } + + .card h6 { + font-size: 1.3vw; + } + + .card a { + font-size: 1.5vw; + } + + .navbar-brand { + width: 6vw; + height: 6vw; + } +} + +@media screen and (min-width: 1400px) { + .card h2 { + font-size: 4vw; + } + + .card h6 { + font-size: 2vw; + } + + .card a { + font-size: 3vw; + } + + .navbar-brand { + width: 6vw; + height: 6vw; + } +} \ No newline at end of file