.topper {
    background-image:url("img/pi-bear-3840x2302.jpg");
    background-size:100% auto;
    background-repeat:no-repeat;
}

.card-img-max{
    max-width: 256px;
}

hr.faded {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255,193,7, 1) 30% 70%, rgba(0, 0, 0, 0));
    opacity: 1;
}

.bg-orange {
    background-color: #F78616 !important;
}

.bg-footer {
    background-image: url("./img/bck-dark-s.png");
    background-repeat: repeat;
}

.navbar-custom {
    /*Allow scrolling, for devices in portrait. A negative 'top' value lets a sticky div scroll to that distance.
        Prevent a positive 'top' value as this increases the white space above the logo.
        Value of negative pixels is approximately the largest height that the menu div can reach. May need to be adjusted if we add more items.
    */
    top: min(calc(-700px + 99vh), 0px) !important;
}
  
input:invalid {
    background-image: linear-gradient(to right, rgb(255, 239, 239), rgb(255, 190, 190));
}
  
input:valid {
    background-image: linear-gradient(to right, rgb(239, 255, 239), rgb(190, 255, 190));
}