 @font-face {
   font-family: "Twitter Chirp";

   font-weight: 900;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Twitter Chirp";

   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Twitter Chirp";

   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Twitter Chirp";

   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 .twitter-post {
   padding: 12px 16px;
   font-family: "Twitter Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   background-color: #fff;
   box-shadow: 0 4px 6px hsla(197, 32%, 65%, 0.5);
   border-radius: 20px;
   margin-bottom: 28px;
 }

 .twitter-wrapper {
   display: flex;
   gap: 8px;
 }

 .col-2 {
   width: 100%;
 }

 .twitter-img {
   height: 40xp;
   width: 40px;
   border-radius: 50%;
   object-fit: cover;
 }

 .twitter-content {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 .twitter-header {
   font-size: 15px;
   font-weight: 400;
   color: rgb(113, 118, 123);
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .twitter-header__left {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 4px;
 }

 .twitter-header__right {
   display: flex;
   height: 100%;
   align-items: center;

 }

 .twitter-header__right svg {
   width: 18.75px;
   height: 18.75px;
 }

 .twitter-header__name {
   font-weight: 700;
   color: #000;
 }

 .twitter-main {
   font-size: 15px;
   font-weight: 400;
   color: #000;
   text-align: left;
 }

 .twitter-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .twitter-footer__icons {
   color: rgb(113, 118, 123);
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 13px;
   font-weight: 400;
 }

 .twitter-footer__icons-last {
   gap: 16px;
 }

 .twitter-footer__icons svg {
   fill: rgb(113, 118, 123);
   height: 18.75px;
   width: 18.75px;
 }

 .twitter-source {
   font-style: italic;
   color: rgb(113, 118, 123);
 }

 @media (max-width: 500px) {

   .twitter-header {
     align-items: start;
   }

   .twitter-header__right {
     padding-top: 7.25px;
   }

   .twitter-footer__icons-last svg:first-child {
     fill: red;
     display: none;
   }
 }