*{ box-sizing: border-box; } body { min-height: 100vh !important; background-color: #43464b; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto; } /* NavBar */ .navbar{ margin: 1.2rem; margin-top: 0; border-bottom: 2px solid white; } .navbar span{ font-weight: bold; color: white; } .navbar a:hover{ color: snow; font-weight: bolder; } .navbar a{ color: white; } .logo { height: 4rem; width: auto; } footer { margin: 2% 3%; margin-top: 5%; } footer p { color: #DBE2E9; font-size: 0.75em; line-height: normal; } .logoWrapper { text-align: center; align-items: center; justify-content: center; margin-bottom: .77rem; } /* Background image */ .rannakuNupp{ margin: .5% 1%; display: flex; justify-content: center; align-items: center; height: 85%; border-radius: 10px; width: auto; background-color: #d5d8de; background-image: url('img/rahvas.jpg'); background-size: cover; background-blend-mode: multiply; } /* Button */ .mainBtn{ color: #fff; font-weight: 777; font-size: 1.5rem; letter-spacing: .1rem; text-decoration: none; text-transform: uppercase; padding: 10px 30px; transition: .5s; } .mainBtn:hover{ color: #32311e; letter-spacing: .25rem; background: #fef899; font-weight: 888; }