diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000000000000000000000000000000000000..ae5c4a8f68edcb03e4557cd31750a4239147d5a2 --- /dev/null +++ b/public/style.css @@ -0,0 +1,100 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + color: #fff; +} + +.header { + position: fixed; + top: 0; + left: 0; + width: 100%; + padding: 20px 10%; + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 100; +} + +.logo { + font-size: 32px; + color: #fff; + text-decoration: none; + font-weight: 700; + filter: drop-shadow(0 0 5px #09001d); +} + +.navbar a { + font-size: 18px; + color: #fff; + text-decoration: none; + font-weight: 500; + margin-left: 35px; +} + +.navbar a:hover, +.navbar a.active { + color: blue; +} + +.main { + min-height: 100vh; + background: url("background.jpg") no-repeat; + background-size: cover; + background-position: center; +} + +.home { + height: 100vh; + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +.home-content { + max-width: 600px; + display: flex; + align-items: center; + flex-direction: column; +} + +.home-content h1 { + font-size: 85px; + font-weight: 700; + text-shadow: 0 0 10px rgba(0, 0, 0, .3); +} + +.home-content p { + font-size: 20px; + text-align: center; + text-shadow: 0 0 10px rgba(0, 0, 0, .3); + margin-bottom: 30px; +} + +.home-content .start-button { + width: 190px; + height: 55px; + background: blue; + border: 2px solid #fff; + outline: none; + border-radius: 6px; + box-shadow: 0 0 10px blue; + font-size: 18px; + color: #fff; + letter-spacing: 1px; + font-weight: 600; + cursor: pointer; + transition: .5s; +} + +.home-content .start-button:hover { + background: #09001d; + box-shadow: none; +} \ No newline at end of file