body{
      font-family: 'Poppins', sans-serif;
}


section {

      background-color: rgb(255, 255, 255);
      border: solid black 1px;
      
}
.hero{
      background-color: #1c1d25;
      height: 100vh;
      color: aliceblue;
      font-size: 40px;

}
footer{
     
      background-color: black;
      color: white;
      text-align: center;
      padding: 80px;
}

nav{
      display: flex;
      justify-content: space-between;
}
ul {
      display: flex;
      list-style-type: none;
      font-size: 30px;
      
}
li {
      width: 200px;
      text-decoration: none;
}

h1 {
      font-size: 90px;
      margin: 0%;
}
h2 {
      font-size: 50px;
      color: rgb(158, 67, 34);
}
p {
      margin: 0;
      font-size: 30px;
      font-weight: 300;
}
.subtext {
      font-size: 15px;
      width: 300px;
}
.hero-area{
      display: flex;
      height: 100%;
      justify-content: space-between;
      align-items: center;
}
.hero-text{
      margin-left: 80px;
      margin-bottom: 200px;
}
.button{
      width: 200px;
      height: 55px;
      border-radius: 30px;
      background-color: rgb(219, 198, 188);
      text-align: center;
      font-size: 30px;
      font-weight: 300;
      padding-top: 5px;
      margin-top: 20px;
}
.button:hover{
      background-color: #68480d;

}
.button:active{
      background-color: #a9a9a9;
      color: #808080;
}


.socials {
      padding-bottom: 200px;
}
.logo{
      height: 100px;
      margin: 30px;
}
.social {
      margin: 10px;
}
.sub-section {
      display: flex;
      justify-content: space-around;
      padding: 80px;
}
.sub-section-alternative {
      flex-direction: column;
      text-align: center;
      padding: 80px;
}
.headshot{
      width: 300px;
      border-radius: 150px;
}
.headshot-container {
      display: flex;
      align-items: center ;
}
.project-card{
      width: 300px;
      height: 500px;
     box-shadow: 5px 5px 20px coral;
     margin: 10px;
}

.project-container {
      display: flex;
      justify-content: space-around;
      
}



.project-image {
      margin-top: 25px;
      width: 250px;
      height: 250px;
      border-radius: 80px;

}
hr {
      margin-left: 20px;
      margin-right: 20px;
}
.project-link{
      direction: none;
      color: coral;
}
a{
      text-decoration: none;
      color: coral;
}
.hamburger {
      display: none;
}