@import './../util/utils.scss';

.app-result-container {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 100px;
    margin-bottom: 100px;

    mat-toolbar {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: color(accent, darker);

        h1 {
            font-family: 'Quicksand', Verdana;
            font-size: 2rem;
            color: color(text-icons);
        }
    }

    mat-card {
        mat-card-title {
            font-family: 'Roboto', Verdana;
            font-size: 1.2rem;
            margin: 0px;
            padding: 0px;
        }

        &:hover {
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

            button {
                opacity: 1;
            }
        }

        button {
            opacity: 0;
        }

        mat-card-actions {
            padding: 5px 0px 5px 15px;

            button {
                font-weight: bold;

                &:hover {
                    background: color(accent, darker);    
                }
            }
        }
    }
}