/* FILEPATH: /c:/Repos/SpaceJockey/Red Scare Website/red-scare-website/styles.css */

/* Navbar */
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

@font-face {
    font-family: 'Viva';
    src: url('assets/fonts/VivelaRivoluzione.ttf');
}
@font-face {
    font-family: 'Helv';
    src: url('assets/fonts/HelvChildren.otf');
}
@font-face {
    font-family: 'Lemon';
    src: url('assets/fonts/LEMONMILK-Regular.otf');
}
@font-face {
    font-family: 'Alte';
    src: url('assets/fonts/AlteHaasGroteskRegular.ttf');
}
.social-media-links a {
    color: #000; /* Set icon color */
}

.social-media-links a:hover {
    color: #f00; /* Set icon color on hover */
}

.social-media-links i {
    font-size: 24px; /* Set icon size */
}

.social-media-links ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}
.social-media-links li {
    display: inline; /* Display links in a line */
    margin-right: 10px; /* Add some space between the links */
}
.band-tile {
    cursor: pointer;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
#band-socials i {
    font-size: 30px; /* Adjust as needed */
    color: #333; /* Adjust as needed */
    margin-right: 10px; /* Adjust as needed */
}
#band-socials i:hover {
    color: #f00; /* Adjust as needed */
}   
.album-cover {
    width: 100%;
    height: auto;
}
.col-md-3 {
    transition: transform 0.3s ease-in-out;
}

.col-md-3:hover {
    transform: scale(1.05);
}
.album-cover-info {
    width: 300px;
    height: auto;
}
/* Streaming icons on release-info*/
.fab {
    font-size: 3em; /* Adjust as needed */
    margin: 0 5px; /* Adjust as needed */
    color: black;
}
.fab:hover {
    color: #f00; /* Replace with your desired hover color */
}