@font-face {
    font-family: Cabin;
    src: url("Cabin-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: Cabin;
    font-style: italic;
    src: url("Cabin-Italic-VariableFont_wdth,wght.ttf");
}


body {
    background-color: black;
    background-image: url("starry-bg.png");
    color:white;
    font-family: cabin, sans-serif;
}

.stretchy img{
    width:100%;
    height:auto;
}

h1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: Cabin, sans-serif;
}

h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: Cabin, sans-serif;
}

table {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
}

img.thumbnail {
    width:100%;
    //max-width: 250px;
}

div.feature {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    align: center;
}

div.feature img {
    width:100%;
}

td.thumbnail img {
    width:100%;
    //max-width: 250px;
}

td.thumbnail {
    vertical-align: top;
    width:25%;
    max-width:240px;
    min-width:160px;
}

td.description {
    width: 75%;
    vertical-align: top;
}

a:link {
    color: rgb(200,255,255);
}

a:visited {
    color: rgb(160,255,255);
}

a:hover {
    color: rgb(255,255,200);
    border: 1px solid rgb(255,255,200);
}

a:active {
    color: rgb(255,255,200);
    border: 1px solid rgb(255,255,200);
    background-color: rgba(255,255,255,0.5);
}

td p {
    margin-top: 0px;
}