@font-face {
    font-family: jetbrains;
    src: url(fonts/JetBrainsMono.ttf);
}

* {
    margin: 0px;
    padding: 0px;
    font-family: jetbrains;
}

.top-navigation {
    /* width: 100%; */
    overflow: hidden;
    padding-left: 10%;
    padding-right: 10%;
    border-bottom: 1px solid rgb(190, 190, 190);
}

.top-navigation a {
    display: inline-block;  
    padding: 6px;
    text-align: center;
    color: #222324;
    font-size: large;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.top-navigation a.end {
    float: right;
    text-align: center;
}

.content {
    display: grid;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
}

.content-edu {
    display: grid;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 60px;
}

.edu-table {
    border-collapse: collapse;
    margin-top: 32px;
}

.edu-table td, .edu-table th {
    border: 1px solid #91a2bb;
    padding: 10px;
    text-align: center;
}

.edu-table tr:hover {
    background-color: #2464be;
}

.edu-table th {
    text-align: center;
    color: white;
    background-color: #2464be;
}

.content-project {
    display: grid;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 80px;
    padding-bottom: 20px;
}

.name-container {
    float: left;
    width: 58%;
}
.profile-container {
    float: right;
    width: 40%;
    margin-left: 2%;
}

.profile-container img {
    border-radius: 2%;
}

.project-info {
    float: left;
    width: 50%;
}

.project-img {
    display: flex;
    float: right;
    width: 48%;
    margin-left: 2%;
}

.project-desc {
    margin-top: 12px;
    border: 1px solid #91a2bb;
    border-radius: 10px;
    padding: 8px;
}

#profile {
    width: 100%;
}

#algo_pic {
    width: 100%;
}

#snapnews_pic {
    border: 1px solid rgb(133, 133, 133);
    width: 100%;
}
figure {
    margin-left: 24px;
}