h2, h3 {
    color: black;
}

h1 {
    text-align:center;
    color: yellow;
    font-family: Almendra;
}

.tipDiv {
    border: 1px solid black;
    background-color: #ff6;
    color: black;
    width: 60%;
    font-size: 12px;
    padding: 5px;
    margin: auto;
}

.tip {
    color: black;
    font-weight:bold;
}

.mainContent {
    position: relative;
    margin: auto;
    top: 5px;
    width: 80%;
    max-width: 960px;
    padding: 30px;
    background-color:brown;
    outline: 3px solid brown;
    border: 2px solid yellow;
    z-index: 10;
}

.homepage {
    top:5px;
}
@media screen and (min-height: 400px) and (min-width: 400px) {
    .homepage {
        top:100px;
    }
}

.sampleImage {
    max-width:80%;
}

.staticBackground {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../img/horizon_background.png);
    /*background-color: #291;*/
    background-size: 100% 100%;
    z-index: 0;
}

ul a {
    color: gold;
    text-decoration: none;
    font-weight:bold;
}

.gold {
    color:yellow;
}
.gold::before {
    content: "●"
}