@import "bootstrap.min.css";

:root {
    --main-text-color: #F3F3F3;
    --main-text-color-dark: #6E6E6E;
    --btn-text-color: #484848;
    --btn-background-color: #ff730f; /*#0007c7;*/
    --btn-background_hover-color: #ff7f24;/*#0f17ff*/
    --background-text-area-color-light: #F8F8F8;
    --background-text-area-color-dark: #404040;
}

body {
    margin:0px;
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-size: 1.0em;
    color: var(--main-text-color);
}

.title {
    padding: 3rem 0rem 0rem 0rem;
}
.title h1 {
    background-image: url("../images/atmind-logo.png");
    background-repeat: no-repeat;
    background-position: 0px, 0px ;
    background-size: 1.75em;
    margin-left: -1.75em;
    padding-left: 1.75em;
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: 300;
}

p {
    font-size: 1.75rem;
}

.image-crowdsim {
    background-image: url("../images/stadium.air.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.image-b3d101 {
    background-image: url("../images/rollercoaster.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.image-compo {
    background-image: url("../images/blender-compositor.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.image-blendfile {
    background-image: url("../images/blender-file-format.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.image-blendaid {
    background-image: url("../images/blender-aid.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.text-descr-dark {
	background-color: var(--background-text-area-color-dark);
	color: var(--main-text-color);
}

.text-descr-light {
	background-color: var(--background-text-area-color-light);
	color:var(--main-text-color-dark);
}