diff --git a/static/css/base.css b/static/css/base.css index 4f77715..b9dff46 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -10,17 +10,23 @@ body { display: inline-flex; height: 8vw; } +#navbar { + position: fixed; + width: 100%; + transition: top 0.3s; + opacity: .9; + border-bottom: 1px solid #bf9c81; +} .auth_button { color: #ffffff; font-size: 1.5vw; - transition: font-size 0.5s ease-in, text-shadow 1s ease-in; + transition: color 0.5s ease-in, border-bottom 0.5s ease-in; } .auth_button:hover { - font-size: 1.55vw; - color: #ffffff; - text-shadow: 0px 0px 20px #ffffff; + color: #694a2d; + border-bottom: 3px solid #f3c79e; + text-decoration: none; } - .footer { background-color: #171717; height: 15vw; diff --git a/static/css/main.css b/static/css/main.css index 3268e3c..d6cbab9 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,6 +1,10 @@ main, html { background-color: #dcb495; } +#header_block { + position: absolute; + margin-bottom: 60%; +} .header_block { width: 100%; height: 75vw; @@ -48,6 +52,10 @@ main, html { border-radius: 30px; vertical-align: middle; } +.header_button:hover { + text-decoration: none; + color: #000000; +} #link_to_about { margin-left: 40px; background-color: #000000; @@ -138,13 +146,13 @@ main, html { } .reg_block { margin-top: 20%; - margin-left: 5%; - width: 90%; + width: 100%; height: 50vw; } .reg_content_block { margin-top: 100px; - width: 100%; + width: 90%; + margin-left: 5%; display: inline-flex; justify-content: space-between; flex-wrap: nowrap; @@ -183,12 +191,16 @@ main, html { } .reg_button { background-color: #a8886f; - width: 18vw; + width: 20vw; height: 5vw; color: #ffffff; border-radius: 30px; vertical-align: middle; } +.reg_button:hover { + text-decoration: none; + color: #ffffff; +} .reg_button_text { width: 100%; height: 100%; @@ -197,6 +209,7 @@ main, html { margin-top: 6%; } #link_to_start{ + width: 18vw; background-color:#f5d3b8; } #link_to_start_text { @@ -236,4 +249,10 @@ main, html { .feedback_mail { font-size: 1.5vw; color: #000000; + transition: color 0.5s ease-in, border-bottom 0.5s ease-in; +} +.feedback_mail:hover { + color: #694a2d; + border-bottom: 3px solid #f3c79e; + text-decoration: none; } \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 65b16d4..ae10d8f 100644 --- a/templates/base.html +++ b/templates/base.html @@ -18,7 +18,7 @@ integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous" > -