@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("./fonts/Atkinson-Hyperlegible-Bold-102.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("./fonts/Atkinson-Hyperlegible-BoldItalic-102.ttf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("./fonts/Atkinson-Hyperlegible-Italic-102.ttf");
    font-style: italic;
}
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("./fonts/Atkinson-Hyperlegible-Regular-102.ttf");
}

body {
    padding-bottom: 100px;
}

.top {
    margin-bottom: 20px;

}

.subheading {
    font-size: 18px;
}

h1 {
    font-family: Atkinson Hyperlegible;
    font-weight: normal;
    color: rebeccapurple;
    font-size: 50px;
    margin-bottom: 20px;
}

h2 {
    font-family: Atkinson Hyperlegible;
    font-weight: normal;
    /* color: rebeccapurple; */
    font-size: 25px;
}

.container {
    font-family: Atkinson Hyperlegible;
    font-weight: normal;
    width: 60%;
    margin:auto;
    text-align: left;
}

a, .title {
    color: rebeccapurple;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.research {
    margin-top: 30px;
    color: black;
}

.publication {
    padding: 5px;
    margin-top: 5px;
    border-radius: 10px;
    cursor: pointer;
}

.publication:hover {
    background-color: rgb(228, 228, 228);
}

.hidden {
    display: none;
}

.abstract {
    margin-top: 10px;
}

.presentation {
    padding: 5px;
    margin-top: 5px;
}

@media only screen and (max-width: 535px) {
    .container{
        width: 80%;
    }
}