styles.css

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

body {
    color: rgba(100, 100, 100, 1.0);
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}

.title {
    text-align: center;
    margin: auto;
    width: 90%;
    padding: 0px;
    font-family: "aaargh", Arial, Helvetica, sans-serif;
    font-size:large;
}

.author-container {
    width:90%;
    margin:auto;
}

.author {
    font-size:medium;
    width:33%;
    float: left;
}

.icon-container {
    text-align: center;
}

.icon {
    
}

.icon img {
    width: 64px;
    padding: 20px 0px 20px 0px;
}

.section {
    margin: auto;
    width: 50%;
    min-width: 400px;
    max-width: 800px;
    padding: 20px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align:justify;
}

.videocontainer {
    margin: auto;
    width: 50%;
    padding: 0px;
}

.citation {
    margin: auto;
    padding: 0px;
    font-family: "Courier New", Courier, monospace
}

#results {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap:   0px;
    -moz-column-count:    5;
    -moz-column-gap:      0px;
    column-count:         3;
    column-gap:           0px;
}

#results img {
    /* Just in case there are inline attributes */
    padding:2px;
    width: 100% !important;
    height: auto !important;
}

a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover {
    color: rgba(250, 20, 30, 1.0);
}

a:active {
    text-decoration: underline;
}