* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Navigation bar */
#navbar {
    position: sticky;
    background-color: black;
    /* position: relative; */
    display: flex;
    align-items: center;
}

#navbar::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;

}

/* Navigation Bar:  Logo and Image */
#logo {
    margin: 10px 25px;
}

#logo img {
    height: 45px;
    margin: 2px 3px;
}

/* Navigation Bar:  Logo and Image */
#logo {
    margin: 10px 25px;
}

#logo img {
    height: 50px;
    margin: 2px 3px;
}

/* Navigation Bar:  List Styling */
#navbar ul {
    position: absolute;
    right: 20px;
    display: flex;
}


#navbar ul li {
    list-style: none;
    /* font-size: 1.3rem; */
}

#navbar ul li a {
    color: white;
    display: block;
    padding: 5px 7px;
    border-radius: 20px;
    text-decoration: none;
}

#navbar ul li a:hover {
    color: blue;
    background-color: lightgray;
    cursor: pointer;
}

.home {
    width: 95vw;
    height: 90vh;
}

.home img {
    width: 100%;
    height: 90vh;
}


/* Home1  */
#home1 {
    margin: 30px auto;
    /* border: 2px solid red; */
    height: 95vh;
    width: 98vw;
}
#home1 h2 {
    margin: 20px auto;
    font-size: 40px;
    text-align: center;
}

#home1 .row {
    display: flex;
    flex-direction: row;
    margin: 10px auto;
    /* border: 2px solid red; */
    height: 75vh;
    width: 97vw;
}

#home1 .row .box {
    display: flex;
    flex-direction: row;
    margin: 13px 25px;
    /* border: 2px solid blue; */
    width: 45vw;
    height: 70vh;
}

#home1 .row .box .row1 {
    margin: 100px 10px;
    text-align: center;
    border: 1px solid black;
    width: 70vw;
    height: 20vh;
}

#home1 .row .box .row1 p {
    font-size: 15px;
    margin: 10px auto;
}
#home1 .row .box .row1 a{
    font-size: 15px;
    margin: 20px auto;
}

#home1 .row .box .row1:hover {
    cursor: pointer;
    color: white;
    background-image: linear-gradient(to right bottom, #141056, #1e188b, #6963e1);
}

#home1 .row .box img {
    width: 300px;
    height: 370px;
    margin: 30px 2px;

}


#home1 .row .box1 {
    display: flex;
    flex-direction: row;
    margin: 13px 13px;
    /* border: 2px solid black; */
    width: 45vw;
    height: 70vh;
}



#home1 .row .box1 img {
    width: 300px;
    height: 370px;
    margin: 30px 2px;

}

#home1 .row .box1 .row2 {
    margin: 100px 5px;
    text-align: center;
    border: 1px solid black;
    width: 70vw;
    height: 20vh;
}

#home1 .row .box1 .row2 p {
    text-align: center;
    margin: 10px auto;
}
#home1 .row .box1 .row2 a {
    text-align: center;
    margin: 20px auto;
}

#home1 .row .box1 .row2:hover {
    cursor: pointer;
    color: white;
    background-image: linear-gradient(to right bottom, #141056, #1e188b, #6963e1);
}




/* home2  */

.home2 {
    /* background-image: url('https://wallpaper-house.com/data/out/8/wallpaper2you_262369.jpg'); */
    /* background-image: url('https://wallpaperaccess.com/full/4893706.jpg'); */
    /* background-image: url('https://w0.peakpx.com/wallpaper/887/205/HD-wallpaper-grey-beograd-black-gray-mate-sharp.jpg'); */
    background-image: url('https://i.pinimg.com/originals/d4/32/89/d43289c071866276d5f3148a77a9de7c.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 200%;
    margin: 25px auto;
    /* border: 2px solid red; */
}

.home2 h2 {
    color: white;
    text-align: center;
    font-size: 45px;
}

.home2 .row {
    display: flex;
    flex-direction: row;
    margin: 15px auto;
    /* padding: 10px 20px; */
    width: 70vw;
    height: 40vh;
    box-shadow: 1px 1px 4px black;
}

.home2 .row .box {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid firebrick;
    padding: 10px 10px;
    margin: 20px 20px;
    text-align: justify;
    width: 600px;
}

.home2 .row .box h3 {
    font-size: 28px;
}

.home2 .row .box p {
    font-size: 20px;
    align-items: justify;
    border: 1px solid firebrick;
    padding: 10px 10px;
    margin: 20px 50px;
    text-align: justify;
}

.home2 .row img {
    margin: 35px 20px;
    width: 250px;
    height: 170px;
}

.home2 .row img:hover {
    margin: 25px 10px;
    width: 280px;
    height: 190px;
}

/* #home3  */
.home3 {
    /* background-image: url('https://t3.ftcdn.net/jpg/02/43/36/88/360_F_243368800_iYenQw8k85GTsJ39VHFxanBkj3MQxzKW.jpg'); */
    height: 270px;
    margin: 15px 15px;
    /* color: white; */
    font-family: 'Times New Roman', Times, serif;
}


.home3 img {
    margin: 15px 50px 0px 490px;
    width: 250px;
    height: 70px;
}

.home3 ul {
    display: flex;
    flex-direction: row;
    padding: 0px 265px;
}

.home3 ul a {
    margin: 0px 10px;
    /* color: white; */
    text-decoration: none;
    border-radius: 7px;
    padding: 0px 5px;
    text-align: center;
}

.home3 ul a:hover {
    text-decoration: none;
    background-color: black;
    color: white;
}

.home3 h2 {
    /* color: white; */
    padding: 2px;
    margin: 0px auto;
    text-align: center;
}

.home3 p {
    margin: 0px auto;
    /* color: white; */
    padding: 1px;
    text-align: center;
}

/* hoe 4  */

.home4 {
    background-color: black;
    margin: 20px auto;
    text-align: center;
    padding: 12px 2px;
    color: white;
    height: 50px;
    box-shadow: -1px 1px 4px gray;
}