:root {
    --main-color: #007dd1;
    --main-color-hover: #0274c1;
    --font-family-key: 'Montserrat';
}

body {
    font-family: var(--font-family-key);
    font-size: 14px;
    font-weight: 400;
    top: 0px !important;
    position: relative;
    background-color: #ecf5ff;
    color: #837474;
    height: 100vh;
    margin: 0;
}

.rainbow {
    /* border-radius: 10px; */
    padding: 2rem;
    margin: 12px;
    /* display: grid; */
    /* place-content: center; */
    /* text-align: center; */
    /* font-size: 1.5em; */
    --border-size: 0.3rem;
    border: var(--border-size) solid transparent;
    border-image: conic-gradient( from 360deg, #d6001b 0deg 90deg, #f7ad30 90deg 180deg, #166dc8 180deg 270deg, #49c98d 270deg 360deg) 1 stretch;
    background: rgb(255 255 255 / 1);
    /* opacity: 1; */
}

.full-height {
    height: 100vh;
}

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

.gap-6 {
    gap: 3rem;
}

.position-ref {
    position: relative;
}

.title {
    font-size: 2rem;
}

@media(max-width: 767px) {
    .flex-center {
        display: block;
    }
}