@keyframes cardin{
    from{opacity:0} 
    to{opacity:1}}
@keyframes cardout{
    from{opacity:1} 
    to{opacity:0}}

.w3-display-container:hover .w3-display-in{
    display:block;
    position:relative;
    animation:animatein 1s;
}
.w3-display-container .w3-display-out{
    display:block;
    position:relative;
    animation:animateout 1s;
    animation-fill-mode: forwards;
}

@keyframes animatein{
    from{left:-1000px;opacity:0} 
    to{left:0;opacity:1}}
@keyframes animateout{
    from{right:0px;display:block;opacity:1} 
    to{right:-1000px;display:none;opacity:0}}

.w3-button:hover{color:#000!important;background-color:lightgoldenrodyellow!important}

.w3-search{color:lightgoldenrodyellow!important;background-color:#009688!important}
.w3-search:hover{color:#ffc107!important;background-color:#009688!important}

.w3-ruluko {
  font-family: 'Ruluko', serif;
}
.w3-gudea {
  font-family: 'gudea', serif;
}
.w3-tahoma {
  font-family: 'Tahoma', serif;
}
.w3-hover-shadow-white:hover{
    box-shadow:5px 5px 20px -2px rgb(240, 240, 240);
}

.w3-tooltip .w3-text-date {
   position:absolute;
   left:0;
   bottom:18px;
}
.w3-tooltip .w3-text-date{display:none} .w3-tooltip:hover .w3-text-date{display:inline-block}

.w3-tooltip .w3-text-certified{
   position:absolute;
   left:-350px;
   bottom:25px;
}
.w3-tooltip .w3-text-certified{display:none} .w3-tooltip:hover .w3-text-certified{display:inline-block}

.w3-lightbrown,.w3-hover-lightbrown:hover{color:lightgoldenrodyellow!important;background-color:rgb(68, 18, 7)!important}

.w3-goldenyellow,.w3-hover-goldenyellow:hover{color:rgb(68, 18, 7)!important;background-color:lightgoldenrodyellow!important}

.w3-puce,.w3-hover-puce:hover{color:lightgoldenrodyellow!important;background-color:rgb(78, 22, 9)!important}

.w3-leftbar-blue{border-left:6px solid lightblue!important}

.w3-sidebar{height:40%;width:200px;position:fixed!important;z-index:1;overflow:auto}