.Navbar a:hover {
    background-color: #f8e8f8;
    /* Defines the background color that will display when you hover over the link */
    color: rgb(0, 0, 0);
    /* This defines the font color that will display when navbar a elements are hovered over */
    cursor: pointer;
    transition: 0.5s ease-in;
}

.Navbar {
    overflow: hidden;
    /* This ensures that any content that overflows beyond the boundary of our nav bar is not displayed */
    background-color: rgb(0, 0, 0);
    /* This colors the navbar black */
    position: fixed;
    /* This keeps the navbar at the top of the screen as we scroll */
    top: 0;
    /* This ensures no space is displayed above the navbar */
    width: 100%;
    /* This makes the navbar span the entire width of the page */
    height: 45px;

    z-index: 1;
    /* This ensures other elements don't display over the navbar */
    text-align: center;
    font-size: large;
}

a {
    padding: 15px;
    color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;

}


.container{
    

   padding: auto;
    margin-top: 40px;
background-color: rgb(133, 246, 226);

}




p{color:rgb(34, 0, 255);

font-size:x-large;
}