#curve_chart {
    width: 90vw;
    height: 80vh;
}
a {
    text-decoration: none;
}
a.pinnacle {
    color: rgb(190, 125, 3);
}
a.raybet {
    color: rgb(16, 4, 187);
}
a.cspositive {
    color: rgb(0, 94, 0);
}
a.cb,a.cb:visited {
    color: #301701;
}
a.avia,a.avia:visited {
    color: #290242;
}
a.egb,a.egb:visited{
    color: #9e340b;
}
a.ime,a.ime:visited{
    color: #df0000;
}
a.pinnacle:visited {
    color: rgb(90, 77, 1);
}
a.raybet:visited {
    color: rgb(25, 1, 112);
}
a.cspositive:visited {
    color: rgb(0, 31, 12);
}
a:hover {
    font-weight: bold;
}
#bookmark .active {
    font-weight: bold;
}
#games {
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: darkgray;
    height: 100vh;
}
.nav {
   text-decoration: none;
   cursor: pointer;
   padding: .2em;
   color: black;
}
.nav:hover{
    box-sizing: border-box;
    font-weight: bold;
    background-color: rgb(221, 221, 221);
}
#totop {
   background-color: rgb(221, 221, 221);
   text-decoration: none;
   cursor: pointer;
   color: rgb(102, 102, 124);
   text-align: center;
   line-height: 1.7;
}
.active>#star{
    fill: red
}

#reload_charts {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5;
}

#hawk_button {
    position: fixed;
    bottom: .1em;
    right: .1em;
}
#hawk_container {
    position: fixed;
    width: 100%;
    bottom: 0;
    max-height: 50vh;
    overflow-y: scroll;
}
#hawk_wrap {
    display: flex;
    flex-flow: row nowrap;
}
#live_container,#recent_container {
    width: 50%;
}
#live_container {
    order: 1;
}
#recent_container {
    order: 2;
}
#match_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    justify-items: center;
    background-color: #dadada;
}
#team1_container,#team2_container,#info_container {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-items: center;
}
#gold {
    color: goldenrod
}
#score {
    font-weight: bold;
    font-size: x-large;
}
.hidden {
    display: none;
}
.winner {
    border: .2em solid forestgreen;
}
#team1_img,#team2_img {
    width: 10vw;
}
#cs_wrap,#raybet_wrap,#pinnacle_wrap,#egb_wrap,#ime_wrap,#avia_wrap {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}
.sticky_h1{
    position: sticky;
    top: 0;
}
#cs,#raybet,#pin_top,#pin_other,#egb,#ime,#avia {
    display: flex;
    flex-flow: row wrap;
    width: 96vw;
    position: relative;
    overflow-x: hidden;
    justify-items: center;
}
#pinnacleinput,
#csinput,
#raybetinput,
#titleinput,
#egbinput,
#imeinput,
#aviainput{
    background-color: #84817d;
    color: #000;
    border: none;
    text-align: center;
}
#cs_input_cont,
#raybet_input_cont,
#pinnacle_input_cont,
#egb_input_cont,
#avia_input_cont,
#ime_input_cont,
#title_input_cont,
#create_dashboard {
    display: inline-flex;
}
.remove_bookmark {
    cursor: pointer;
}
body#login{
    display: flex;
    justify-content: center;
    align-items: center;
}
.selected-hero {
    cursor: pointer;
}
#heroForm, #results, #teamForm {
    display: flex;
    align-items: center;
    justify-content: center;
}
#results {
    flex-direction: column;

}
#heroForm,#teamForm {
    flex-direction: column;
    gap: 2vw;
}
#selectedHeroes,#selectedTeams {
    display: flex;
    gap: 1vw;
}
#all_teams,#all_heroes,#all_maps {
    display: flex;
    flex-flow: row wrap;
    gap: 3vw;
    justify-content: center;
}
.stat_live_match {
    display: flex;
    gap: 2vw;
}
.column.heroes>p {
    margin: 0;
}

.stat_live_match {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-family: Arial, sans-serif;
    width: 100%;
}

.stat_live_match .column {
    flex: 1;
    padding: 5px 10px;
}

.stat_live_match .column.heroes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 3vh;
    gap: .2vh;
}

.stat_live_match .column.heroes p {
    font-weight: bold;
    color: #333;

}

.stat_live_match h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: underline;
}

.stat_live_match .column:nth-child(3), 
.stat_live_match .column:nth-child(4) {
    text-align: right;
}

.stat_live_match .column p span {
    font-weight: bold;
    color: #d9534f;
}
.stat_live_match .column p.team_name {
    display: flex;
    flex-flow: row-reverse;
    gap: 1vw;
    justify-content: left;
    align-items: center;
}
p.team_name > img {
    max-width: 2vw;
}
.stat_live_match .heroes p>img {
    max-width: 3vw;
}
#results.csteam {
    flex-direction: row;
    justify-content: space-around;
}
#team,#map {
    display: flex;
    flex-flow: column;
    align-items: center;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    padding: 2vw;
}
div#totalsWrap {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    gap: 3vw;
}
@media screen and (max-width: 768px){
    #cs_input_cont,
    #raybet_input_cont,
    #pinnacle_input_cont,
    #egb_input_cont,
    #avia_input_cont,
    #ime_input_cont,
    #title_input_cont,
    #create_dashboard{
        display: flexbox;
        flex-flow: row wrap;
        flex-basis: content;
    }
    #games {
        width: 20vw;
    }
    * {
        font-size: 12pt !important;
    }
    #container {
        display: flex;
        flex-direction: column;
    }
    #team1_img,#team2_img {
        width: 15vw;
    }
    .cnv {
        width: 95% !important;

   }
#match_container {
flex-flow: row wrap;
}
#net_worth {
max-width: 50vw;
touch-action: none;
}
body#login {
    /* display: block; */
    width: 100vw;
    height: 100vh;
}
.stat_live_match .heroes p>img {
    max-width: 10vw;
}
.stat_live_match .column.heroes {
    gap: 1vh;
}
}