*{
    font-family: 'Times New Roman', Times, serif;
    /* #background-image: url("./gudnyt.png"); */
/* 
/* 
    /* background: linear-gradient( #02a8a8, #4fb783); */
    /* background-color: #02a8a8, #4fb783; */
    /* position: relative; */
    /* text-align: center; */
    /* background-image: linear-gradient( to right, #02a8a8, #4fb783); */
    /* background-color:  #ece8e5 ; */

}

*{
    font-family: 'Times New Roman', Times, serif;
    /* #background-image: url("./gudnyt.png"); */
    font-family: "Merriweather", serif;
    color: #002d72;
}


body{
    background-color: linear-gradient( #000428, #004e92);
    
    /* background-image: url("./gudnyt.png"); */
    background-color: #F5DAD2;
    /* background-image: linear-gradient(to left, #41dfcf, #47ca9c); */
    background-color: white;
    /* background-position: auto; */
 /*   margin-left: 100px;
    margin-right: 100px; */
    position: relative;
    align-items: center;
    align-content: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;

}

/* Logo and IMPOMICS name  */

#section0{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #004e92;
    /* background-color:  #e3d6a5; */
}

#section0 .logo img{
    padding: 2px;
    border-radius: 40%;
    width: 40px;
    height: 60px;
    float: left;
    margin-right: 2px;
}

#section0 .logo a{
    text-align: center;
    text-wrap: balance;
    margin-top: 10x;
    font-size: large; 
    size: 40px;
    font-family: arial; 
    color: rgb(99, 47, 47); 
    text-decoration: none;
    padding: 5px;
    text-align: start;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.title0{
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    box-sizing: border-box;
}

#section0 .logo h6{
    font-size: 15px;
    padding: 5px;
    margin: 0px;
    margin-left: 55px;
}


/* Navigation bar container */

.navigation-bar{
    overflow: hidden;
    background-color: #c09a81;
    font-family: roboto;
    font-style: normal;
    text-decoration: none;
    text-shadow: slategrey;
    /* width: fit-content; */
}

/* Links inside navigation-bar */
.navigation-bar a{
    float: left;
    font-size: 20px;
    color: darkslategray;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Dropdown container */

.drop-down{
    float: left;
    overflow: hidden;
}

.drop-down .drop-btn{
    font-size: 20px;
    border: none;
    outline: none;
    color: darkslategray;
    padding: 14px 16px;
    background-color: inherit; /* Importent for vertical align on mobile phones */
    font-family: inherit; /* Importent for vertical align on mobile phones */
    font-family: inherit;
    margin: 0;
}

/* Adding some background color to navigation bar links on hover */

.navigation-bar a:hover, .drop-down:hover .drop-btn{
    background-color: #995167;
    color: black;

}

/* Dropdown content (hidden by default) */
.dropdown-content{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Adding background color to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */

.drop-down:hover .dropdown-content{
    display: block;
}


#impo-info{
    text-align: justify;
}


/* Featuring plant images and their css */



.featureimg{
    width: 100%;

}

.linked-feature-image {
    font-size-adjust: inherit;
    border: 2px #cccccc solid; 
    width: 250px; height: 300px; 
    margin: 20px; pad: 20px; 
    border-radius: 40%; 
    border-color: black;
}

.footer{
    color: #000000;
}