@font-face { font-family: BebasNeue; src: url('../resources/fonts/BebasNeue-Regular.otf'); }
@font-face { font-family: BebasNeue; src: url('../resources/fonts/BebasNeue-Regular.ttf'); }

body{
    margin: 0;
}
.title{
    font-size: x-large;
    font-family: Arial, sans-serif ;
    font-weight: 800;
    transition-duration: 0.2s;
    cursor: default;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.subtitle{
    font-size: medium;
    font-family: Arial, sans-serif;
    font-weight: 500;
    margin: 0;
    color: dimgrey;
    cursor: default;
}

.animated{
    color: black;
    font-size: x-large;
}

.animated:hover{
    color: orange;
    font-size: x-large;
}

div.container{
    display: flex;
}
div.column{
    flex-direction: column;
}
div.row{
    flex-direction: row;
}
.center{
    align-items: center;
    justify-content: center;
    text-align: center;
}