Scribd
Upload
17 views

Css

Uploaded by

Prajwal Bhattarai
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
17 views

Css

Uploaded by

Prajwal Bhattarai
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

body {

margin: 0;

background-color: #121212;

color: #fff;

font-family: 'Arial', sans-serif;

line-height: 1.6;

h1 {

margin: 0;

padding: 20px;

font-size: 2rem;

font-weight: 700;

color: #f4f4f4;

.navbar {

display: flex;

justify-content: center;

gap: 73rem;

align-items: center;

background-color: #333;

padding: 10px 20px;

position: fixed;

top: 0;

width: 100%;

z-index: 1000;

transition: background-color 0.3s;

}
.navbar ul {

display: flex;

list-style: none;

margin: 0;

padding: 0;

.navbar ul li {

margin-left: 20px;

.navbar ul li a {

text-decoration: none;

color: white;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

font-size: 1rem;

transition: color 0.3s ease;

.navbar ul li a:hover {

color: #ff5722;

.navbar.active {

background-color: #000;

.navbar.active ul li a {
color: #fff;

.logo img {

height: 50px;

transition: transform 0.3s ease;

.logo img:hover {

transform: scale(1.1);

.top-container {

background-image: url("kumari.jpg");

height: 100vh;

background-size: cover;

background-position: center;

display: flex;

justify-content: center;

align-items: center;

text-align: center;

filter: brightness(70%);

.top-container h1 {

font-family: 'Impact', sans-serif;

color: white;

font-size: 4rem;

letter-spacing: 5px;
margin: 0;

.bottom-container {

padding: 50px 5%;

.festival {

display: flex;

justify-content: space-between;

align-items: center;

margin: 50px 0;

.festival .text-container {

width: 60%;

font-size: 1.1rem;

color: #e0e0e0;

line-height: 1.8;

.festival img {

width: 35rem;

height: 25rem;

border-radius: 15px;

box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4);

.festival h1 {
margin-bottom: 20px;

font-size: 2.5rem;

color: #ffeb3b;

.text {

text-align: center;

font-size: 1.5rem;

color: #ffeb3b;

margin-bottom: 50px;

.footer {

padding: 20px 0;

background-color: #1a1a1a;

color: #aaa;

text-align: center;

font-size: 0.9rem;

.footer a {

color: #ff5722;

text-decoration: none;

margin: 0 10px;

transition: color 0.3s ease;

.footer a:hover {

color: #ffffff;
}

.footer .socials {

margin-top: 10px;

.footer .socials a {

margin: 0 10px;

font-size: 1.5rem;

You might also like