body {
   min-height: -webkit-fill-available; 
}
.tab-group .tab:not(:last-child) {
    /* border-right: 1px white solid; */
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
    border-width: 0px 1px 0px 0px;
    border-style: solid;
}

.tab-group {
    height: 100%;
}

.tab {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.tab span {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    height: max-content;
    justify-self: center;
    align-self: center;
}

.tab-group .tab.active {
    border-color: #ba7e4f rgb(75 85 99 / var(--tw-border-opacity));
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    background-color: #303436;
}

/* .tab-group .tab {
   border-color: rgb(82 82 82 / var(--tw-border-opacity));
   border-width: 2px 2px 0px 2px;
   border-style: solid;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity));
} */

h1 {
    font-size: xx-large !important;
}


.h-9\/10 {
    height: 90% !important;
}

#projects {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    width: 65%;
 }

 hr {
    color: var(--main-primary-color-secondary);
 }

 #contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    text-align: center;
 }

 #contact div:not(:last-child) {
    margin-right: 2em;
 }

 i {
    margin: 1rem;
 }


 #menu-name {
    flex-basis: 25%;
 }

 #menu-links-container {
    display: none;
    flex-basis: 100%;
    border-top: 2px solid var(--main-font-color);
 }

 #menu-links-container-icon {
    display: block;
    flex-basis: 25%;
 }

 #about {
    flex-direction: column;
 }

 h1 {
    font-size: xx-large;
 }
 /*#content {
    text-align: center
 }*/
 #content a:not(.no-underline) {
    text-decoration: underline !important;
    text-decoration-color: #3c81bc;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
 }

 a[aria-expanded="true"] .collapsed {
    display: none;
 }

 a[aria-expanded="false"] .collapsed {
    display: block;
 }

 a[aria-expanded="true"] .expanded {
    display: block;
 }

 a[aria-expanded="false"] .expanded {
    display: none;
 }

 .skill-brands {
   height: 50px;
   margin-left: auto;
   margin-right: auto;
   /* width: 150px; */
 }

 .github-profile-badge-img {
   height: 150px !important;
   width: 150px !important;
 }

 .github-profile-badge-img-wrapper,
 .github-profile-badge-name {
   height: max-content !important;
 }

 .github-profile-badge-img-wrapper,
 .github-profile-badge-name-wrapper:not([style*="width: 0px"]),
 .github-profile-badge-name {
   width: max-content !important;
 }

 .github-profile-badge-name-wrapper:not([style*="width: 0px"]) {
   max-width: max-content !important;
 }

 .github-profile-badge-name-wrapper:not([style]) {
   width: 0px !important;
   max-width: 0px !important;
 }

#content > div >  p {
   text-indent: 2rem;
 }

 p > a:hover {
   color: rgba(255, 255, 255, 0.8);
 }
 .title > a:hover {
   color: rgba(255, 255, 255, 0.8);
 }
 .title > a:hover svg path {
   fill: rgba(255, 255, 255, 0.8);
 }
 footer a:hover svg path {
   fill: rgba(255, 255, 255, 0.8);
 }

 .checkmark:before {
   content: "✔";
 }

 .inprogress:before {
   content: '🟠';
 }
 .notdone:before {
   content: '❌';
 }


 li > a:hover,
 li > div > a:hover {
   text-decoration: underline;
   text-decoration-color: #3c81bc;
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
 }
/* 
li > a:hover> svg,
li > div > a:hover > svg {
   border-bottom: 2px solid;
} 

li > a > svg,
li > div > a > svg {
   border-bottom: transparent 2px solid;
} 
  */
 /* .content-container {
   height: calc(100% - 6.5rem);
 }

 @media (min-width: 768px) {
   .content-container {
      height: calc(100% - 3rem);
   }
  } */