@import url("../fontawesome-free-5.9.0-web/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");

:root{
    --blue-color: #5472d3;
    
    /* CSS HEX */
    --safety-orange: #FF7B00ff;
    --jasper: #CD5C40ff;
    --plum: #9B3E80ff;
    --grape: #691FBFff;
    --blue: #3700FFff;
}

#photo img{
    border-radius: 100%;
}

.fa, .fas, .far, .fab, h1, h2, h3, h4, h5, h6 {
    color: var(--blue-color) !important;
}

a{
    color: var(--safety-orange) !important;
}

/*.fa, .fas, .far, .fab {
	color: #5472d3;
}

section:hover > i.fa:after {
    opacity: 1;
    left: -5cm;
}

a, a:active, a:hover, a:visited, a:focus, a:focus-within {
	color: inherit;
	text-decoration: underline;
}

p {
	margin: 0.05cm;
}

v {
	margin: 0.05cm;
	display: block;
	height: 19px;
}

section {
    display: block;
    text-align: center;
    border-top: 1.75px solid #5472d3;
	padding: 0.05cm 0.5cm 0 1cm;
	margin: 0.5cm 0.0cm 0.0cm;
	page-break-inside: avoid;
	transition: 0.75s;
}

section > * {
	text-align: left;
}

section > i {
    position: relative;
    left: -9.25cm;
    font-size: 24px;
    margin-bottom: -24px;
    margin-top: 4px;
}

section:first-child, section.no-border{
	border: none;
	padding-top: 0;
	margin-top: 0;
}

section:hover::before {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(-90deg) translate(-50%,-1.5cm);
	transition: 0.5s 0s;
}

section::before {
    content: attr(data-alt);
    position: absolute;
    font-size: 24px;
    opacity: 0;
    transition: 2s 0.5s;
    color: #5472d3;
    display: block;
    width: fit-content;
    transform: translate(-50%,-50%) rotate(-90deg) translate(-50%,0);
	white-space: pre-wrap;
}

bullet{
	display: block;
	margin-top: 6px;
}

bullet .full p {
    width: 17.5cm;
}

bullet p {
	width: 11.5cm;
}

desc {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}

obs {
    color: #636363;
    position: absolute;
    margin-left: -0.75cm;
}
obs > p {
	width: 7cm;	
	text-align: right;
}

#basic-information > div{
	display: inline-block;
    vertical-align: middle;
}

#basic-information > div > p{
	margin: 7.5px;
}

#photo {
    border-radius: 100%;
    overflow: hidden;
}

#photo > img {
	width: 5cm;
}

footer {
	text-align: right;
}

@media print {
    body { margin: 0; }
    body::after { display: none; }
    a, a:active, a:hover, a:visited, a:focus, a:focus-within {
		color: #5472f0;
		text-decoration: none;
	}
	.noprint { display: none; }
	section::before { 
		opacity: 1;
    	transform: translate(-50%,-50%) rotate(-90deg) translate(-50%,-1.5cm);
	}
}*/