.para {
  font-family: "Audiowide", sans-serif;
  font-size: 18;
  width: 100%;
--  height: 50px;
--  padding: 2px;
 -- border: 1px solid;
  --font-weight: bold;
  font-style: italic;
  text-align: justify;
}
/*
.para[data-sizing="intrinsic"] {
  width: min-content;
}
*/
.BGDigi {
  font-family: "GErogia", sans-serif;
  font-size: 20;
  font-weight: bold;
  width: 100%;
--  height: 50px;
--  padding: 20px;
  border-style: solid;
  border-width: 0;
}
.ProfPhoto {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0rem;
  border-style: solid;
  border-width: 0;
  font-size: 20;
  width: 100%;
}
.ProfPhoto :first-child {
  grid-row: 1/4;
  grid-column: 1/1;
}
.ProfileImage {
	border-radius: 8px;
	width:250px;
	height:600px;
}
.ProfList {
  background: var(--color-primary-x-light);
  border-style: solid;
  border-width: 0;
--  width: 14rem;
  font-size: 20;
  line-height: 3;
  width: 100%;
  text-align: center;
}
body {
  width: 100%;
  max-width:800px;
  height: 400px;
  min-height: unset;
--  padding: 2rem;
  border: 1px solid var(--color-stroke);
  background: var(--color-off-white);
  margin: 1rem auto;
}
.CoreCompete {
--  display: grid;
--  grid-template-columns: repeat(3, 1fr);
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: 20;
  width: 100%;
  font
}
.CoreCompete :first-child {
  grid-row: 1/2;
  grid-column: 1/4;
}
.CoreCompeteL {
  background-color: lightblue;
  border-style: dotted;
  border-width: 1;
  border-radius: 15px;
  font-family: Cinzel, serif;
  text-align: center;
  font-size: 20;
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  max-width: 100%
}
.Footer {
  border-style: solid;
  border-width: 1;
  border-color: #B8B8B8;
  border-left-style: none;
  border-right-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem;
  text-align: center;
  font-size: 20;
  font-weight: bold;
}
.ProjectH {
  display: grid;
  grid-template-columns: 15% 35% 15% 35%;
  gap: 0.5rem;
  font-size: 20;
  width: 100%;
  border-bottom-style: solid;
  border-width: 1;
  border-color: #B8B8B8;
  color: #FF5733;
}
.ProjectH :first-child {
  grid-row: 1/2;
  grid-column: 1/5;
}
.ProjectD {
  font-family: Cinzel, serif;
  font-variant: small-caps;
  font-size: 16;
  font-weight: bold;
  color: #0047AB;
}
.ProjectD2 {
  font-family: Cinzel, serif;
--  font-variant: small-caps;
  font-size: 16;
--  grid-row: 1/2;
  grid-column: 1/5;
  color: #0047AB;
}
.ProjectD3 {
  font-family: Cinzel, serif;
--  font-variant: small-caps;
  font-size: 16;
--  grid-row: 1/2;
  grid-column: 1/3;
  color: #0047AB;
}
.ProjectD4 {
  font-family: Cinzel, serif;
  font-size: 16;
  grid-column: 3/5;
  color: #0047AB;
}

.read-more-state {
  display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}
.read-more-trigger {
  cursor: pointer;
  padding: 0 .5em;
  color: #0000FF;
  font-size: .9em;
}