/* remember: Shift+Alt+A either creates or wraps something in a comment */

/* fonts */
@font-face {
    font-family: "Nix8810 M15";
    src: url("fonts/Web437_Nix8810_M15.woff");
}

html {
    background-color: rgba(85, 107, 46, 0.8);
}

/* logo header thing - #00ff00 is green, #ff00ff is pink*/
.sabbyville-header {
    background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 28%, rgba(255, 0, 255, 1) 100%);
}

.sabbyville-header-img {
    padding-left: 25px;
    height: 15%;
    width: 30%
}

/* navbar & its children */
.navbar {
    width: 30%;
    float: right;
    justify-content: flex-end;
    align-items: center;
    padding-top: 5%;
}

.navbar-item {
    color: #00ff00;
    font-family: "Nix8810 M15";
    padding: 5% 5% 5% 0;
    font-size: 25px;
}

/* latest blog post */
.main-blog-section {

}

.latest-blog-post-link {
    padding-top: 10%;
    padding-right: 15%;
    float: right;
    justify-content: flex-end;
    align-items: center;
    color: #00ff00;
    font-family: "Nix8810 M15";
    font-size: 25px;
}

/* recent listening */
.listening-section {

}
.img-listening {
    float: right;
}
.listening-desc {
    float: left;
    padding-top: 15%;
    padding-left: 15%;
}
.recent-listening-track {

}
.recent-listening-album {

}
.recent-listening-artist {

}
.recent-listening-year {

}