html {
  font-size: 14px;
              color: white;
              background

}
body {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
              word-wrap: break-word;
                color: white;
                background-color: #1f2223


}
@media screen and (max-width:699px) /*for small screen like mobile*/
{
   .lead{
      font-size: 12px /*adjust as per requirement*/;
   }
   .aboutme-header{
        display:inline-block;
        width:100%;
        background-color: #1f2223;
}
   .projects {
        background-color: #1f2223;
    }
   .rounded-circle{
        padding-bottom:20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 25%;
    }
}

@media screen and (min-width:700px)  /*for screen larger than mobile*/
{
    .lead{
        font-size: 16px /*adjust as per requirement*/;
    }
    .aboutme-header{
        display:inline-block;
        padding: 125px 200px;
        width:100%;
        background-color: #1f2223;
    }
    .projects {
        background-color: #1f2223;
        padding-left: 200px;
        padding-right: 200px;
        padding-bottom: 200px
    }
       .rounded-circle{
        padding-bottom:20px;
        width:200px;
        height:200px;
    }
}
.display-4 {
  text-align: center;
  padding-top: 80px;
}

.card-text {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
      white-space: wrap;
   width: auto;
   padding-bottom: 10px;
}
.card-title {
text-align: center;
  padding-top: 25px;
}
.project_text{
            overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
            font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            word-wrap: break-word;
            color: white;
         }
}
.card {
max-width: 100%;
  max-height: 100%;

}
.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: .5rem;
    padding: 30px;
}

.nav-bar {
background-color: #1f2223;
}
.image-text{
display:inline-block;
vertical-align: middle;
}
.card-btn{
background-color: #1f2223;

}
.lead{
padding-left:30px;
}