body{
  background-color: #181a29;
  color: #69696b;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.center{
  text-align: center;
}
header{
  background-color: rgb(17, 14, 32);
  /* margin-left: 20%; */
  height: 25px;
  /* padding-top: 0.01em; */
/* padding-bottom: 0.1em; */
}
.db{
color:rgb(224, 224, 224);
}
li {
    margin: 5%;
    height: 1000px;
    top: 0;
    width: 0;
    /* padding-inline-start: 0; */
    justify-content: space-evenly;
    top: 0;
    display: inline;
}
.align-item-center {
  align-items: center;
}
.h1{
    border-bottom: 4px solid #444444;
  margin-top: 0px;
  padding-top: 60px;
  font-size: 35px;
}nav > ul > li:hover {
    color: #b6ba8b;
    cursor: pointer;
  }
  nav > ul > li {
    color: rgb(165, 166, 162) ;
 }
 h2{
  font-size: 1.5em;
 }
img{
  width: 20%;
  max-width: max-content;
} 
/* .skills{
float: left;
align-items: center;
justify-content: flex;
padding-left: 10px;
} */
.react{
  clear: both;
margin-left: 45%;
}
footer{
  width: 100%;
  background-color: rgb(17, 14, 32);
  color: rgb(227, 227, 227);
  display: flex;
  justify-content: center;
  height:10em;
  /* padding-bottom: 1em; */
  /* padding-top: 1em; */
}
body{
 padding-left: 10%;
 padding-right: 10%;
}
.future-center{
width: 100%;
display: flex;
}
#future-goals{
  text-align: center;
}
.skl{
text-align: left;
width: 75%;
}
.skil{
  text-align: right;
}
.inline p{
  display: inline-block;
}
.tleft{
  text-align: initial;
  padding-left: 70px;
}
.bgf{
  color: #c6c6c6;
}
.bgf:hover{
  color: rgb(144, 113, 113);
}
#large{
  font-size: 50px;
}
.front{
  color: rgb(184, 86, 86);
}
.elevate{
  color: rgba(65, 65, 99, 0.98);
}
/* .card{
width: 60px;
height: 60px;
background-color: aliceblue;
} */