/*
Only global styling is kept in this file.
Most of the styling is local to components and
common styling is kept in symbols directory in src.
*/

html {
    font-size: 1rem;
}

textarea, select, input, button {
    font-size: 1rem;
}

body {
    font-family: 'Rubik', sans-serif;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

a:link, a:visited, a:hover, a:active {
    color: #005580;
    /*4A90E2*/
    text-decoration: none;
}

.collection-item-edit {
    display: none;
}

.collection-item:hover .collection-item-edit {
    display: block !important;
}

/*@keyframes fade {*/
    /*0% {*/
        /*opacity: 0;*/
    /*}*/

    /*100% {*/
        /*opacity: 1;*/
    /*}*/
/*}*/