body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#79cdcb
}
li a{
    display: block;
    color:black;
    text-align:center;
    padding:12px 20px;
    text-decoration: none;
    font-size: 20px;
}
li {
    float:right;
}
/*not the biggest fan for now
li a:hover{
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
    transition: box-shadow 0.3s ease-in-out;
}
*/
body{
    background-color: #fbf8f4;
}
.intro{
    display: flex;
    margin-left:50px;
    margin-right:50px;
}
.text{
    justify-content: right;
}
.defin{
    margin: 100px;
    line-height: 30px;
    font-size: 20px;
}
.pfp{
    opacity: 0;
    transition: opacity 1.5s ease-out;
}
/*used AI to help debug this*/
.pfp.fade-in{
    opacity: 1;
}