body {
  background: #24252D;
  color: #CACACC;
  font-family: 'Roboto Mono', monospace;
  font-size: .8em;
  display: flex;
  justify-content: center;
}
.container {
  max-width: 650px;
}
a{
  border-block-end: dashed;
  text-decoration: none;
}
h1 {
  font-weight: 400;
  margin: 0;
}
h2 {
  color: #696A6F;
  font-weight: 300;
  margin: 0 0 .5em 0;
}
.links {
  margin: 0 0 1.5em 0;
}
.links a {
  color: #CACACC;
  margin: auto 1em auto 0;
}
.intro {
  margin: 0 0 2em 0;
}
.intro strong {
  color: #E9BC3F;
  text-decoration: none;
}
h3{
  color: #E9BC3F;
}
h4{
  color: #f44336
}
.intro .title {
  cursor: pointer;
  font-size: 1.2em;
  font-weight: 700;
  margin: .8em 0;
}
.bio {
  margin: 0 0 2em 0;

}
.bio .title {
  font-size: 1.2em;
  font-weight: 700;
  margin: .8em 0;
}

.bio ul {
  list-style-type: none;
  padding: 0;
}
.bio ul li {
  margin: 2em 0;
}
.bio .exp {
  background: #2f313b;
  line-height: 1.8em;
  margin: 2em 0 0 0;
  padding: 0.8em 1.2em;
  border-radius: 1%;
}

.project {
  margin: 0 0 2em 0;

}
.project .title {
  font-size: 1.2em;
  font-weight: 700;
  margin: .8em 0;
}

.project ul {
  list-style-type: none;
  padding: 0;
}
.project ul li {
  margin: 2em 0;
}
.project .exp {
  background: #2f313b;
  line-height: 1.8em;
  margin: 2em 0 0 0;
  padding: 0.8em 1.2em;
  border-radius: 1%;
}

.end {
  margin: 0 0 2em 0;
  padding-top: 4%;
}

.badget a{
  all: unset;
}

footer{
  padding-top: 8%;
  text-align: center;
}

.objectives{
  list-style: none;
}
.objectives li{
  margin: 0em !important;
}
.objectives li::before{
  content: "\2022";
  color: #E9BC3F;
  font-weight: bold;
  display: inline-block; 
}