.navs ul li a:hover {
    text-decoration: none;
    background: blue;
    color: yellow;
    
}
/*
li a:hover {
    text-decoration: none;
    background: blue;
   /*border: 5px double  yellow;
    border-radius: 10px; 
    color: yellow;
}
*/
.tagline {
    font-family: Arial, Helvetica,sans-serif;
    font-weight: bold;
    color: rgb(30, 22, 145);
    text-shadow: 4px 4px 8px #808080 ;
}

label {
    color: blue;
    font-size: 14px;
    width: 20%;
    text-align: justify;
}

.bg-teal {
    background-color: #008080;
}
.bg-yellow {
    background-color: #ffff00;

}
.Red  {
    background-color: #f44336;
}

.Deep-Purple{
    background-color: #673ab7;
}
.Cyan {
    background-color: #00bcd4;
}
.Teal {
    background-color: #009688;
}
.bg-lemon {
        background-color: #ffffe0 ;
    }
.bg-navy {
    background-color: Navy;
}    
.bg-light-cyan {
    background-color: #e0ffff;
}
.bg-page {
    background-color: #e7feff;
}

.container {
    width: 1330px;
    border-radius: 2px;
    box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.card-radius {
    border-radius: 10px;
    box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.2);
}

.container-fluid {
    width:1330px;
    border-radius:5px;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2);
    padding:10px;
  	margin: 10px 10px 10px 10px; 
}

cardsize{	
    width:1330px;
}
.titletxt {
  color:#000080 ;
  font-size: 1.85em;
  text-shadow: 4px 4px 8px #808080 ;
}
.menutxt { font-size : 1.01em;
}
.menuitemtxt {
    font-size: 1.05em;
}
img {
    object-fit: scale-down;
}
.pborder {
border : 2px solid blue;}

.card{
    // box-shadow: -3px 6px 5px 0px rgba(176,164,176,1);
    transition: all .3s ease-in-out;
}

.cardhov:hover {
    box-shadow: -3px 18px 20px 0px rgba(99,89,99,1);

}

.divhov :hover {
    /*background-color: rgb(40, 239, 239);*/
    border : 5px double ;
    border-radius: 20px;
    background-color: #ffffe0;
    color: blue;
    padding: 10px;
}

.card-header h3{
    font-family: Arial, Helvetica,sans-serif;
    font-size: .9em;
    font-weight: bold;
    color: blue;
}

.potLeft {
    animation: myAnimLeft 2s ease 0s 1 normal forwards;
}

@keyframes myAnimLeft {
    0% {
        opacity: 0;
        transform: translateX(-250px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.potRight {
    animation: myAnimRight 2s ease 0s 1 normal forwards;
}

@keyframes myAnimRight {
    0% {
        opacity: 0;
        transform: translateX(250px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


.potBot {
    animation: myAnimBot 2s ease 0s 1 normal forwards;
}

@keyframes myAnimBot {
    0% {
        opacity: 0;
        transform: translateY(150px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.potTop {
    animation: myAnimTop 2s ease 0s 1 normal forwards;
}

@keyframes myAnimTop {
    0% {
        opacity: 0;
        transform: translateY(-250px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#potl {
    -webkit-animation: linear 1;
    -webkit-animation-name: runl;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes runl {
    0% {
        left: 0;
    }

    50% {
        left: calc(20% - 100px);
    }

    100% {
        left: 0;
    }
}
.navbg {
background: linear-gradient(80deg, #affad1 0%, #83b2bf 90%);
}