@keyframes showresults {
    from {
        opacity: 0;
        
    }
    to {
        font-size:  40px;
        opacity: 1;
        background-color: rgb(219, 86, 76);}
    }    


@keyframes hideinput {
    from {
        
        opacity: 1;
    }
    to {

        opacity: 0;
    }
}

.visible{
    animation: showresults 2s ease forwards ;

}
.hidden{
    animation: hideinput 1.25s ease forwards ;
}