@font-face {
    font-family: unkempt;
    src: url(./Unkempt-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: noto;
    src: url(./NotoSans-Regular.ttf);
    font-weight: normal;
}

:root {
    font-size: 20px;
    font-family: unkempt;
        background-color: #E3BAC6;
}

.link-sym {
    width: min(10vw, 80px);
    margin: 10px;
}

ul {
    list-style-type: none;
    flex-direction: column;
    padding: 0;
}

li {
    display: flex;
    border: 4px #BC9EC1 solid;
    margin: 10px;
    border-radius: 10px;
    background-color: #FDE8E9;
}

h6 {
    margin: 5px 0px;
    font-size: 1.5em;
}

.link-wrapper {

    margin: 10px;
    display: flex;
    flex-direction: column;
    
}

.link-wrapper div {
    flex-grow: 1;
}

a {
    font-family: noto;
    text-decoration: none;
    color: #76507C;
}