food-inventory/assets/css/common.css

@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

body {
    min-height: 100vh;
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.noto-sans {
    font-family: 'Noto Sans', sans-serif;
}

.white {
    color: white;
}

.bold-900 {
    font-weight: 900;
}

.center30left {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translateX(-50%) translateY(-50%);
    z-index: auto;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-evenly {
    justify-content: space-evenly;
}

.flex-vertical-center {
    align-items: center;
}

.flex-vertical-stretch {
    align-items: stretch;
}

.flex-content-stretch {
    align-content: stretch;
}

.flex-space-between {
    justify-content: space-between;
}

.halo-hover {
    transition: all 500ms;
}

.halo-hover:hover {
    transition: all 500ms;
    box-shadow: 0 0 100px white;
}

.width50P {
    width: 50%;
}