/* style_common.css */

/* ------------------------------------------
  ABOUT
------------------------------------------ */
.about {
  text-shadow:none;
  color: unset;
}

figcaption, figure,
crt-caption,
.crt-content, .crt-content-chapters,
.crt-item, .crt-item-p,
.crt-note, .crt-top-link,
.crt-titoletto  {
	font-family: var(--crt-font-mono);
}

figure.img-left {
    float: left;
    width: 300px;
    margin: 6px 20px 12px 0;
}

figure.img-right {
    float: right;
    width: 300px;
    margin: 6px 0 12px 20px;
}

figure.img-center {
    margin: 20px auto;
    width: 100%;
	max-width: 600px;
    text-align: center;
	margin-top: 50px !important;
}

figure img {
    width: 100%;
	max-width: 600px;
    display: block;
    border: 1px solid var(--crt-mid);
}

figure figcaption {
    font-size: var(--font-text-sm);
    color: var(--crt-smooth);
    opacity: 0.9;
    margin-top: 4px;
	text-align: center;
	text-shadow:none;
	margin-bottom: -20px;
}

.crt-content-chapters{
	text-align: left;
	font-size: var(--font-text-xl);
	text-shadow: var(--crt-smallglow);
}

.crt-content p,
.crt-content {
    overflow: visible;
}
.crt-content p, .about{
	text-align:justify;
	line-height: 1.6;
	word-spacing: -2px;
	overflow: auto;
}

.crt-content {
	font-size: var(--font-text-xl);
	margin-bottom: 60px;
    width: 100%;
    flex-direction: column;
	clear: none;
	text-align:justify;
	word-spacing: -2px;
	max-width: 900px;
	margin: auto;
	line-height: 1.6;
}

.crt-item-p {
    font-size: var(--font-title-md);
	color: var(--crt-smooth);
	text-shadow: none;
	text-align:center;
}

.crt-item {
    font-size: var(--font-text-xlg);
	display: block;
    /*margin: 0 0 0 5em;*/
	position: relative;
	padding-left: 22px;
	text-align: center;
}

.crt-titoletto {
    font-size: var(--font-text-xlg);
    margin: 10px 0 0 0;
    padding: 0;
    /* clear: both; */
    text-align: left;
    display: block;
}


.crt-top-link {
	text-align: center;
	margin: 20px;
}



.clearfix {
	clear: both;
}




.crt-note {
    clear: both;
    padding: 10px 14px;
    border-left: 3px solid var(--crt-glow);
    margin: 40px 0;
    background: rgba(0,255,180,0.08);
	text-align:left;
	text-shadow: none;
	color: var(--crt-smooth);
}







.code-block summary {
    cursor: pointer;
    margin: 10px 0;
    font-size: var(--font-text-lg);
    color: var(--crt-glow);
}

.code-area {
    width: 100%;
    height: 180px;
    background: rgba(0, 255, 180, 0.06);
    /* color: var(--crt-smooth); */
    /* border: 1px solid var(--crt-mid); */
    padding: 10px;
    font-family: var(--crt-font-mono);
    font-size: var(--font-text-md);
    overflow: auto;
    resize: vertical;
}

.code-list {
    margin-left: 20px;
    list-style-type: circle;
	clear: both;
}



.stats-list {
    list-style-type: circle;
    margin-left: 25px;
    margin-bottom: 20px;
    line-height: 1.5em;
    font-size: var(--font-text-lg);
}



@media (max-width: 700px) {
	.crt-content {
		font-size: var(--font-text-xxl);
	}
}


/* EOF / about.css */