body {
    font-family:'Inter';
    font-size:1rem;
    max-width:850px;
    margin:auto;
    line-height:160%;
    padding:0px 20px 20px 20px;
    color:#999;
    letter-spacing:-0.5px;
}

/* animation code modified from https://dev.to/tiaeastwood/super-simple-css-animation-for-fade-in-on-page-load-2p8m */
@keyframes fadeInUp {
    0% {
      transform: translateY(5%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
}
  
.fadeInUp-animation {
    animation: 0.75s fadeInUp;
}

/* id selector */

#header {
    display:flex;
    justify-content:space-between;
    margin:0px auto 80px auto;
    padding:20px 0px 0px 0px;
    position: sticky;
    top: 0;
    backdrop-filter:blur(5px);
}

/* class selector */

.small {
    max-width:600px;
    margin:auto;
}

.small-2 {
    margin:80px auto auto auto;
    max-width:600px;
}

.header-links {
    display:flex;
    justify-content:right;
    gap:20px;
}

.home-heading-1 {
    font-size:2.4rem;
    font-weight:500;
    color:#222;
    line-height:100%;
    margin:auto;
}

.home-heading-2 {
    margin:20px 0px 10px 0px;
    font-weight:500;
    font-size:1.4rem;
    color:#222;
}

.home-heading-3 {
    margin-top:80px;
    font-weight:500;
    font-size:0.9rem;
    color:#222;
}

.footer-links {
    display:flex;
    gap:12px;
    justify-content:right;
}

.cutive {
    font-family:'Cutive Mono';
    color:#888;
}

::selection {
    background: #eef8ff;
    color: #0073ff;
  }

.h-flex {
    display:flex;
    justify-content:left;
    gap:12px;
    align-items:center;
    margin-bottom:40px;
}
.text {
    padding:8px 12px;
    border-radius:8px;
    background-color:#f7f7f7;
    color:#888;
}

.image-1 {
    width:100%;
    border-radius:12px;
    border:1px solid #ddd;
}

.image-2 {
    margin-top:80px;
    width:100%;
    border-radius:12px;
    border:1px solid #ddd;
}

.home-text-1 {
    margin:20px auto 0px auto;
}

.home-text-2 {
    margin-bottom:20px;
}

.link-1 {
    text-decoration:none;
    color:#888;
    font-family:'Cutive Mono';
}

.link-1:hover {
    text-decoration:underline;
}

#footer {
    margin-top:80px;
    display:flex;
    justify-content:space-between;
    font-size:0.8rem;
}

.footer-text {
    font-family:'Cutive Mono';
    font-size:0.9rem;
}

.h-flex-2 {
    display:flex;
    justify-content:space-between;
    margin-bottom:2px;
}

.h-flex-3 {
    display:flex;
    justify-content:space-between;
    margin-bottom:2px;
    margin-top:20px;
}

.list-item {
    margin:0px 0px 0px -28px;
    padding:0px;
}

.unordered-list {
    margin:0px;
}

.profile-pic {
    width:50px;
    height:50px;
    border-radius:100px;
}

/* one type selector */

th, td {
    border-bottom:1px solid #eee;
    padding:10px 0px;
}

table {
    width:100%;
    margin-top:20px;
}

.proj-heading-1 {
    font-size:1.4rem;
    font-weight:500;
    color:#222;
}

.caption {
    font-size:0.7rem;
}

.bold-text {
    color:#222;
}