@font-face {
  font-family: "osrs";
  src: url("./fonts/runescape.ttf") format("truetype");
}

@font-face {
  font-family: "osrs--small";
  src: url("./fonts/runescape_small.ttf") format("truetype");
  font-weight: normal;
}

* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

body{
    margin: 0px;
    width: calc(100vw - var(--scrollbarWidth));
    background-color: #14191F;
}

body > * {
    display: flex;
}

.header, .introductionContainer, .resumeContainer{
    background-color: #14191F;
    color: #F4F9FF;
}

.header{
    flex-direction: row;
    justify-content: space-between;
    text-wrap: wrap;

    font-size: clamp(.6rem, .8vw + .38rem, 1.8rem);
    height: 3.2em;
    padding: .1rem .8rem;
    position: sticky;
    top: 0;
    z-index: 9;
}

.header *{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .8em;
    text-decoration: none;
    color: inherit;
}

.navigationLinkContainer{
    text-decoration: none;
}

.socialLinkContainer img {
    aspect-ratio: 1;
    height: 2em;
}

.heroImageContainer{
    background-image: url("./img/antihero.jpg");
    width: calc(100vw - var(--scrollbarWidth));
    height: calc(100vh - 3.6rem);
    background-position: center;
    background-size: cover;
    position: relative;
}

.heroImageMask{
    position: absolute;
    inset: 0;
    -webkit-mask: url(data:image/png;base64,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);
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
   
    mask: url(data:image/png;base64,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);
    mask-position: center;
    mask-size: cover;
}

.nameText{
    text-align: center;
    font-size: clamp(8vw, 11.1vw + .05rem, 14rem);
    font-weight: 900;
    position: fixed;
    padding: 1rem;
    width: 100%;
    color: #14191F;
    animation: fadeIn 2s forwards;
}

.introductionContainer{
    height: 76vh;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 4vh 0;
    gap: 6vh;
    line-height: 1.4;
}

.introductionContainer > h1 {
    font-size: clamp(3rem, 6vw + .05rem, 7rem);
}

.introductionContainer__bio { 
    width: 74%;
}


.projectsContainer{
    background-color: #F4F9FF;
    color: #14191F;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 4rem;
    gap: 1.4vh;
    
}

.projectsContainer > h1 {
    font-size: clamp(2rem, 4vw + .05rem, 4rem);
}

.projectsContainer > h3 {
    font-size: clamp(.7rem, 1.4vw + .02rem, 1.4rem);
}

.projectCardsContainer{
    display: flex;
    flex-direction: column;
    height: 74vh;
    width: 82vw;

    overflow: hidden;
    border-radius: 20px;
}

.projectCard{
    position: relative;
    flex: 1;
    z-index: 1;
    transition: flex 1s ease-out 0.1s, z-index 0.3s;
    overflow: hidden;
}

.projectCard:hover{
    flex: 1 1 72%;
    z-index: 2;
}

.projectCard__content{
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 2vh 0;
}

#websiteCard{
    background-color: #14191F;
    color: #F4F9FF;
}

#ytSearchCard{
    background-color: #441122;
    color: #F4F3F2;
}

#esp32Card{
    background-color: #4F6F7F;
    color: #F4F9FF;
}

#alerterCard{
    background-color: #0F0F0F;
    color: #F0F040;
}

#alerterCard .projectCard__title{
    font-family: "osrs", "osrs--small";

}
#alerterCard p,
#alerterCard a {
    font-family: "osrs", "osrs--small";
    font-size: clamp(1em, 1vw + .4em, 3em);
    line-height: 1.2em;
}

.projectCard__body{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    text-align: left;
    gap: 4%;
    padding: 4em 3em 1.4em;
    opacity: 0;
    transition: opacity 0.678s linear 0.33s;
    overflow: hidden;
}

.projectCard:hover .projectCard__body{
    display: flex;
    opacity: 1;
    transition: opacity .678s linear .33s;
}

.projectCard__preview{
    flex: 1 3 auto;
    max-height: 74%;
    min-height: 50px;
    width: auto;
}

.projectCard__bio{
    flex: 3 1 auto;
}

.resumeContainer{
    flex-direction: column;
    align-items: center;
    padding: 4rem 4vw;
}

.resumeImage{
    height: 80vh;
    width: auto;
}

@media (max-aspect-ratio: .8) {
    .resumeImage{
        height: auto;
        width: 80vw;
    }
}

.resumeContainer  button {
    border: none;
    border-radius: 5px;
    background-color: #F4F9FF;
    color: #14191F;
    padding: .2em .4em;
    margin-top: 1em;
}

h1{
    margin: 0px;
}

ul{
    padding-left: 1.2em;
}

p, ul{
    margin-bottom: .678em;
    font-size: clamp(.8em, 1vw + .44em, 2em);
}

.projectCard :link{
    color: #1848FF;
}

.fadeIn{
    opacity: 0;
    transition: opacity 678ms ease-in;
}

.fadeIn.appear{
    opacity: 1;
}

@media (max-width: 600px){
    .projectCard__body{
        flex-direction: column;
        padding: 2.8em 1.2em 1.4em;
    }   
    p, li{
        margin-bottom: .2em;
    }
    .projectCardsContainer{
        width: 94vw;
        height: 92vh;
    }
    .projectCard__preview{
        flex: 1 3 auto;
        aspect-ratio: 1.3;
        max-width: 80%;
        min-width: 50px;
        height: auto;
    }
}