/**
*
* All Rights Reserved.
* Better, Harder, Faster, Stronger.
*
* @author Gerardo Jaramillo
* core.css
*
*/

* {
-moz-user-select: none;
-webkit-user-select: none;
box-sizing: border-box;
color: #656d78;
cursor: default;
outline: none;
user-select: none;
}

html,
body {
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0;
color: #434A54;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #656d78;
height: 22px;
line-height: 22px;
margin: 0;
padding: 0;
text-transform: uppercase;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 13px;
font-weight: 600;
}

.lineSep {
border-top: thin solid #e6e9ed;
width: 100%;
height: auto;
position: relative;
margin: 0;
padding: 0;
}

ul,
li {
margin: 0;
padding: 0;
}

li {
display: inline-block;
list-style-type: none;
}

a {
display: inline-block;
text-decoration: none;
}

a:hover {
color: #d84315;
cursor: pointer;
}

p {
color: #000;
font-size: 8px;
hyphens: auto;  
line-height: 1.4;
margin: 0;
text-align: justify;
text-justify: inter-word;
width: 100%;
word-spacing: 0.1em;
}

span {
display: inline-block;
color: #000;
text-align: justify;
line-height: 24px;
word-spacing: 0.1em;

}

.headBar {
border-bottom: thin solid #f5f7fa;
line-height: 64px;
width: 100%;
}

.menuBar {
display: flex;
flex-direction: row;
height: 64px;
justify-content: space-between;
left: 50%;
margin-left: -472px;
position: relative;
width: 944px;
}

.menuAction {}

.menuAction li {}

.menuAction a {
text-transform: uppercase;
color: #000;
font-size: 15px;
font-weight: 500;
line-height: 24px;
height: 24px;
padding: 0 8px;
}

.menuAction a:hover {
cursor: pointer;
color: #d84315;
}

.content {
display: flex;
flex-direction: column;
gap: 64px;
margin: 24px auto;
position: relative;
width: 944px;
}

.profile {
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
}

.profile > :first-child {
margin-bottom: 32px;
}

.photo {
background-image: url('/images/me.jpg');
background-position: -24px -16px;
background-repeat: no-repeat;
background-size: 160px 160px;
border-radius: 50%;
height: 112px;
width: 112px;
}

.name {
font-size: 28px;
font-weight: 500;
}

.segment {
display: flex;
flex-direction: column;
gap: 8px;
}

.list {
display: flex;
flex-direction: column;
gap: 40px;
}

.item {
display: flex;
flex-direction: row;
gap: 24px;
}

.detail {
display: flex;
flex-direction: column;
gap: 10px;
}

.detail a {
color: #000;
}

.detail a:hover {
color: #d84315;
}

.image {

border-radius: 5px;
height: 128px;
min-width: 228px;

background-image: url('../images/taskmngr.png');
background-repeat: no-repeat;
background-size: 228px 128px;

/** border: thin solid #c0bfc0; */
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
cursor: pointer;
}




.skills {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.skills ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px 10px;
justify-content: left;
}
.skills ul li a {
color: #000;
font-size: 15px;
}












.card {
background-color: #fafafa;
border-radius: 4px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
display: flex;
flex-direction: column;
height: 160px;
justify-content: space-between;
justify-items: flex-end;
margin: 128px;
position: absolute;
width: 228px;
}

.card-cover {
background-color: #f1f1f1;
background-image: url('/images/c-d-x-PDX_a_82obo-unsplash.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px 4px 0 0;
height: 100%;
width: 100%;
}

.card-footer {
border-radius: 0 0 3px 3px;
}

.card-footer a {
font-size: 13px;
font-weight: 700;
line-height: 32px;
padding: 0 10px;
}

.card-footer a:hover {
color: #d84315;
}

.expr {}

.exprInfo {
display: flex;
flex-direction: row;
gap: 8px;
justify-content: space-between;
width: 100%;
}

.onConstruction {
text-align: center;
}
.onConstruction a {

}