From 6beb9d302018529de2d8f01e3c5390bee807f885 Mon Sep 17 00:00:00 2001 From: Braeden57 Date: Thu, 21 Jan 2021 17:25:00 -0800 Subject: [PATCH] Fix Missplacement --- public/css/style.css | 45 ++------------------------------------ public/images/images.jfif | Bin 0 -> 6104 bytes 2 files changed, 2 insertions(+), 43 deletions(-) create mode 100644 public/images/images.jfif diff --git a/public/css/style.css b/public/css/style.css index 89303ec..da3457d 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -6,29 +6,23 @@ font-family: 'Oswald', sans-serif; overflow-x: hidden; } - body::-webkit-scrollbar { width: 1em; } - body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(37, 67, 152, 0.3); } - body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } - html { scroll-behavior: smooth; overflow-y: scroll; } - body { background: rgba(126, 134, 145, .4); } - nav { overflow-y: hidden; width: 100%; @@ -40,34 +34,27 @@ nav { position: fixed; z-index: 1; } - .rules { margin-left: 200px; } - #about, #rules { height: 800px; } - #about-content, #rules-content, #require-content{ transform: translate(0px, 300px); } - .text-link { border: none; } - ul { list-style-type: none; } - ul li { display: inline-block; margin-top: 20px; margin-left: 30px; position: relative; } - ul li::before { content: ''; position: absolute; @@ -78,11 +65,9 @@ ul li::before { height: 3px; transition: 0.8s all; } - ul li:hover::before { width: 100%; } - ul li a{ text-decoration: none; color: #fff; @@ -90,31 +75,25 @@ ul li a{ letter-spacing: 1px; transition: 0.8s all; } - ul li a:hover { color: #00a2ff } - .logo { padding: 0 20px; transform: translate(0px, 15px); } - .logo a { color: white; text-decoration: none; font-size: 150%; } - .image-wrap { height: 100%; filter: brightness(80%); } - .box { position: relative; } - .main-content{ position: absolute; top: 50%; @@ -122,42 +101,35 @@ ul li a:hover { transform: translate(-50%, -50%); width: 70%; } - .contact-content { position: absolute; - top: 310%; + top: 240%; left: 65%; } - .require-content { position: absolute; - top: 600%; + top: 460%; left: 10%; max-width: 800px; } - .details-box { color: white } - .details-box h2 { font-size: 2.2vw; font-family: arial; margin: 0; } - .details-box h1 { font-size: 5vw; font-family: 'Oswald', sans-serif; margin: 0; } - .details-box p { font-family: arial; font-size: 18px; margin-bottom: 15px; } - .join-btn { display: inline-block; padding: 11px 40px; @@ -170,26 +142,21 @@ ul li a:hover { background-color: transparent; text-transform: capitalize; } - .join-btn:hover { background-color: #f6ba18; } - .about-container p, .creator p { font-family: arial; font-size: 18px; margin-bottom: 15px; } - /* Mobile Nav */ - .menu { display: none; color: white; size: 125%; } - .overlay { height: 100%; width: 0; @@ -201,11 +168,9 @@ ul li a:hover { overflow-x: hidden; transition: all 0.5s ease 0s; } - .overlay--active { width: 100%; } - .overlay__content { display: flex; height: 100%; @@ -213,7 +178,6 @@ ul li a:hover { align-items: center; justify-content: center; } - .overlay a { color: white; text-decoration: none; @@ -222,12 +186,10 @@ ul li a:hover { display: block; transition: all 0.3s ease 0s; } - .overlay a:hover, .overlay a:focus { color: #0088a9; } - .overlay .close { position: absolute; top: 20px; @@ -236,7 +198,6 @@ ul li a:hover { color: #edf0f1; cursor: pointer; } - @media screen and (max-height: 450px) { .overlay a { font-size: 20px; @@ -247,7 +208,6 @@ ul li a:hover { right: 35px; } } - @media only screen and (max-width: 800px) { .nav__links, .cta { @@ -257,7 +217,6 @@ ul li a:hover { display: initial; } } - /* Mobile background fix*/ @media all and (max-width:480px) { img {display:block;margin:0 auto;} diff --git a/public/images/images.jfif b/public/images/images.jfif new file mode 100644 index 0000000000000000000000000000000000000000..2e435978efae759a74b8b91a5237c6674a0ffc43 GIT binary patch literal 6104 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