Untitled
plain_text
a month ago
2.3 kB
1
Indexable
Never
.Header { background-color: rgba(226, 199, 64, 0.918); display: flex; justify-content: space-between; align-items: center; flex-direction: row; position: fixed; /* Set the header to a fixed position */ top: 0; /* Position it at the top of the viewport */ left: 0; right: 0; z-index: 1000; /* Adjust z-index to ensure the header is above other content */ } .logo { /* border: 1.5px solid rgb(0, 0, 0); */ width: 50%; padding-top: 1.5vw; padding-left: 1.5vw; padding-right: 1.5vw; padding-bottom: 0.8vw; font-family: "rowdies", sans-serif; font-size: 2vw; color: white; letter-spacing: 0.3vw; position: relative; z-index: 1; } .aastast { /* border: 1.5px solid rgb(0, 0, 0); */ font-size: 0.7vw; letter-spacing: 0vw; color: black; margin-right: 38%; } .info { /* border: 1.5px solid rgb(0, 0, 0); */ /* justify-content: flex-end; */ width: 50%; padding: 1vw; padding-right: 1.5vw; font-family: "rowdies", sans-serif; font-size: 0.85vw; color: white; letter-spacing: 0.1vw; text-align: right; } .silu { /* border: 1.5px solid rgb(0, 0, 0); */ height: 5.3vw; z-index: -1; position: absolute; top: 0.1vw; left: 78.5vw; } .catsilu { /* border: 1.5px solid rgb(0, 0, 0); */ height: 5.3vw; z-index: -1; position: absolute; top: 0.1vw; left: 32vw; } .parrotsilu { /* border: 1.5px solid rgb(0, 0, 0); */ height: 3.3vw; z-index: -1; position: absolute; top: 0.4vw; left: 13vw; transition: 1s; } .parrotsilu:hover { filter: invert(20%); transform: scale(1.06) translate(-5%, -1%); transition: 1s; } .body { display: flex; flex-direction: column; overflow-x: hidden; margin-top: 5.55vw; /* Add margin to accommodate the fixed header's height */ padding-left: 10vw; padding-right: 10vw; } .catdog { /* border: 1.5px solid rgb(0, 0, 0); */ width: 100%; margin: 0 auto; /* Center the content horizontally */ } .tutvustus{ border: 1.5px solid rgb(0, 0, 0); } .kontakt{ border: 1.5px solid rgb(0, 0, 0); } .teenused{ border: 1.5px solid rgb(0, 0, 0); }