/* set default font */
html {
    font-size: 16px;
    background-color: var(--footer-color);

    font-family: 'Almarai', sans-serif;
}

.row {
    margin: 0;
}

a {
    color: #808eff;
}

a:hover {
    text-decoration: unset;
}

p, h1, h2, h3, h4, h5, h6, .standard-intro-col {
    color: rgba(0, 0, 0, 0.75);
    font-family: 'Almarai', sans-serif;
    text-align: justify;
    margin: 0;
}

p.no-margin {
    margin: 0;
}

body {
    background-color: var(--white-color);
}

.content {
    overflow: clip;
}

/* Main page */
.main-content {
    width: 100%;
    max-width: var(--main-content-w);
    padding: 0 1rem;
    margin: 2rem auto auto;
}

.standard-intro-col {
    margin-bottom: 1rem;
}

.standard-comp.no-margin {
    margin: 0;
}

/* wide background */
.wide-background {
    background-color: var(--wide-color);
    padding: 1rem 0;
}

.wide-background.dark {
    background-color: var(--bg-terminal-color);
    color: var(--white-color-alpha);
}

.wide-background .standard-comp {
    margin-bottom: 1rem;
}

.wide-background .main-content {
    margin-top: 0;
}

/* util */
.add-bottom-margin {
    margin-bottom: 4rem;
}

.p-marginless {
    margin: 0;
}

.noselect {
    -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 */
}

/* design */
.final-logo {
    width: 100%;
    text-align: center;
}

.final-logo img {
    width: 25%;
}

/* Responsiveness */
/* md screen */
@media only screen and (max-width: 1200px) {

}

/* sm screen */
@media only screen and (max-width: 992px) {

}

/* xs screen */
@media only screen and (max-width: 768px) {
    .main-content {
        margin-top: 1rem;
    }
}

/* xxs screen */
@media only screen and (max-width: 576px) {
    .main-content {
        padding: 0 1rem;
    }
}