* {
	font-family: 'Montserrat';
}

:root {
    --primary-color: #7846A0;
    --primary-color-dark: #4A358D;
    --secondary-color: #A5C8FF;
    --white: #fff;
    --gray: #999999;
    --black: #252525;
    --light-gray: #EAF3F8;
    --info: #FF871E;
    --active-color: #FF871E;
    --dark-primary-color: #83181b;
    --light-primary-color: #dc353b;
    --accent-color: #A5C8FF;
    --disable-primary-color: #5da0a0;
    --disable-secondary-color: #dabad6;
    --black-transparency: #e7e7e7;
    --light-line: #cedbe6;
    --warning: #FFC31E;
    --error: #AE013C;
    --error-line: #f7bdbd;
    --success: #7FCD31;
    --success-line: rgb(202, 255, 202);
    --brand-primary-color-one: #A34297;
    --brand-primary-color-two: #80FF00;
    --brand-secondary-color-one: rgb(1,161,154);
    --brand-secondary-color-two: rgb(73,157,68);
    --brand-secondary-color-three: rgb(28,117,188);
    --brand-secondary-color-four: rgb(234,184,15);
    --brand-secondary-color-five: rgb(203,80,21);
    --brand-secondary-color-six: rgb(88,37,127);
}



/*

#7846A0
#4A358D
#FFC31E
#A5C8FF
#FF871E
#C6BEFD
#7FCD31

*/

body {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: inherit;
}

main {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

main .content {
    min-height: 65vh;
    gap: 1rem;
    display: grid;
    padding: 2rem 0;
}


.underline {
    text-decoration: underline;
}

.underline:hover {
    cursor: pointer;
    text-decoration: underline;
}

.btn-info {
    color: white;
    font-size: 24px;
}

.btn.btn-info[disabled] {
    color: white;
}



@media (max-width: 992px) {
    main {
        padding: 2px 12px;
    }
    
    main .content {
        margin-top: 42px;
    }
}

.btn.btn-default.close {
    font-size: 22px;
    padding: 0;
}