.project_title {

margin-bottom: var(--ifm-spacing-sm);

margin-top: var(--ifm-spacing-md);

font-family: var(--ifm-font-family-roboto);

font-size: var(--ifm-font-size-secondary-title);

font-weight: bolder;

line-height: 150%;

text-align: start;

color: var(--ifm-color-primary-p2);

}

.project_description {

text-align: left;

color: var(--ifm-color-primary-p2);

}

.project_logo {

max-width: 160px;

max-height: 160px;

width: auto;

height: auto;

object-fit: contain;

display: block;

}

.project_picture {

border-radius: 10px;

padding: var(--ifm-spacing-lg);

display: flex;

align-items: center;

justify-content: center;

}

.project_picture_jupyter { border: solid 1px var(--ifm-color-orange-jupyter); }

.project_picture_mamba { border: solid 1px #4cae4c; }

.project_picture_condaforge { border: solid 1px var(--ifm-color-grey-condaforge); }

.project_picture_arrow { border: solid 1px black; }

.project_picture_xtensor { border: solid 1px var(--ifm-color-green-xtensor); }

.project_picture_robotics { border: solid 1px rgb(146, 95, 218); }

@media only screen and (max-width: 996px) {

.project_picture_jupyter,

.project_picture_mamba,

.project_picture_condaforge,

.project_picture_arrow,

.project_picture_xtensor,

.project_picture_robotics {

border: none;

padding: var(--ifm-spacing-md);

}

}

@media only screen and (min-width: 996px) {

.header_text {

font-size: 22px;

font-weight: 400;

line-height: 28px;

margin-bottom: var(--ifm-spacing-xl);

}

}

@media only screen and (max-width: 996px) {

.header_text {

font-size: 14px;

font-weight: 400;

line-height: 20px;

margin-bottom: var(--ifm-spacing-lg);

}

}