html, body, #root, #app{
    height: 100%;
}
body{
    font-family: "Segoe UI",Arial,sans-serif;
    margin: 0;
    background-color:white;
    color:#404040;
}
#app{
    display: contents;
}
.row {
	display: flex;
	flex-direction: row;
}
.column {
	display: flex;
	flex-direction: column;
}
.fa-button{
    background: none;
	border: none;
    cursor:pointer;	
}
span.material-symbols-outlined{
    text-shadow: 2px 2px 3px lightgray;
    color: #4c4cd2;
}
.fa-button span{
    vertical-align:middle;
}
.fa-button span:hover{
    background-color: #e9f6fb;
    border-radius: 10px;
}
/* hide for mobile use something else */
@media (max-width: 768px) {
	.display-none-mobile {
		display: none !important;
	}
}