.p-relative {
    position: relative;
}

.mb-3 {
    margin-bottom: 1.5em;
}

.text-white {
    color: white;
}

.bg-white {
    background: white;
}

.m-0 {
    margin: 0;
}

.p-3 {
    padding: 1.5em;
}

.p-5 {
    padding: 2.25em;
}

.p-8 {
    padding: 4em;
}

.text-success {
    color: #15ac74;
}

.text-danger {
    color: #c73939;
}

.alert {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    padding: 10px 15px;
    margin: 0 10px;
    display: none;
    font-family: "Lato", sans-serif;
}

.alert-danger {
    background-color: #c73939;
    color: #faa7a7;
    border-color: #be3232;
}

.alert-visible {
    display: block;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.hover {
    transition: .222s;
    transform: rotate(0);
}


.hover:hover {
    cursor:pointer;
    filter:brightness(1.2);
    transform: scale(1.1);
}