* {
    font-family: 'Soccer League', sans-serif;
    font-weight: 300;
}

body,
div,
iframe,
img {
    display: flex;
    flex-direction: column;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: solid;
    border-color: black;
}

.flex-1 {
    flex: 1;
}

body {
    flex: 1;
    background-color: black;
    width: 100dvw;
    height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
}

.bg_orange {
    background-color: #eb562d;
}

.bg_yellow {
    background-color: #ffcf35;
}

.bg_blue {
    background-color: #1fdeff;
}

.text_orange {
    color: #eb562d
}

.text_yellow {
    color: #ffcf35
}

.text_blue {
    color: #1fdeff
}

.escape_text {
    font-family: sans-serif;
    display: inline;
    line-height: 1;
    vertical-align: baseline;
}

.scroll_view {
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll_view_horizontal {
    overflow-y: hidden;
    overflow-x: auto;
}

/*  */
.home_landing {
    min-width: 320px;
    max-width: 480px;
    width: 100%;
    border-width: 4px;
    border-radius: 4px;
    border-color: #ffcf35;
}

.artist_link:hover {
    color: #1fdeff;
}

.container_bg {
    background-color: rgba(0, 0, 0, 0.842);
}

.no_border {
    border-width: 0px !important;
}

.bg_orange_transparent {
    background-color: #eb562d7a;
}

.logo_bg {
    background-image: url('/Logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}