@font-face { 
    font-family: "Digital"; 
    src: url('../font/digital-7/digital-7.ttf') format("truetype"); 
}
@import url('https://fonts.googleapis.com/css?family=Graduate');

/* CLASSES */
.clicked {
    opacity: 0.3;
}
.container {
    text-align: center;
}
.curved-div {
    background-color: #F1F3F4;
    border-radius: 30px;
}
.game-page {
    background-image: url('../img/background4.jpg');
}
.ender-statement{
    margin-top: 20px;
}
.ender-img {
    height: 500px;
    width: auto;
}
.parent {
    padding: 0 4%;
}
.row{
    display: flex;
    justify-content: center;
}
.selection {
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    width: 12.5%;
    transition: transform .2s;
}
.selection:hover {
    transform: scale(1.2);
}
.toprow {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* IDs */
#fouls {
    color: red;
    font-weight: bold;
}
#logo-div {
    display: flex;
    justify-content: center;
}
#loser-logo {
    padding: 20px 0;
    width: 5%;
}
#points {
    color: white;
}
#question {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 40px;
    text-align: center;
}
#question-div {
    background-color: blue;
    height: 150px;
    text-align: center;
}
#timer {
    color: white;
    font-family: "Digital";
    font-size: 30px;
}

/* NBA Logo */
#nbalogo{
    background: url('../img/teams/nbalogo.png') no-repeat center;
    background-size: contain;
}

/* Numbers */
#zero{
    background: url('../img/numbers/zero.png') no-repeat center;
    background-size: contain;
}
#one{
    background: url('../img/numbers/one.png') no-repeat center;
    background-size: contain;
}
#two{
    background: url('../img/numbers/two.png') no-repeat center;
    background-size: contain;
}
#three{
    background: url('../img/numbers/three.png') no-repeat center;
    background-size: contain;
}
#six{
    background: url('../img/numbers/six.png') no-repeat center;
    background-size: contain;
}
#seven{
    background: url('../img/numbers/seven.png') no-repeat center;
    background-size: contain;
}
#eight{
    background: url('../img/numbers/eight.png') no-repeat center;
    background-size: contain;
}
#ten{
    background: url('../img/numbers/ten.png') no-repeat center;
    background-size: contain;
}

/* NBA TEAMS */
#bulls{
    background: url('../img/teams/bulls.png') no-repeat center;
    background-size: contain;
}
#cavaliers{
    background: url('../img/teams/cavaliers.png') no-repeat center;
    background-size: contain;
}
#celtics{
    background: url('../img/teams/celtics.png') no-repeat center;
    background-size: contain;
}
#hornets{
    background: url('../img/teams/nohornets.png') no-repeat center;
    background-size: contain;
}
#knicks{
    background: url('../img/teams/knicks.png') no-repeat center;
    background-size: contain;
}
#lakers{
    background: url('../img/teams/lakers.png') no-repeat center;
    background-size: contain;
}
#pelicans{
    background: url('../img/teams/pelicans.png') no-repeat center;
    background-size: contain;
}
#spurs{
    background: url('../img/teams/spurs.png') no-repeat center;
    background-size: contain;
}
#thunder{
    background: url('../img/teams/thunder.png') no-repeat center;
    background-size: contain;
}
#timberwolves{
    background: url('../img/teams/timberwolves.png') no-repeat center;
    background-size: contain;
}

/* NBA Players */
#anthonydavis {
    background: url('../img/players/anthonydavis.png') no-repeat center;
    background-size: contain;
}
#aronbaynes {
    background: url('../img/players/aronbaynes.png') no-repeat center;
    background-size: contain;
}
#bensimmons {
    background: url('../img/players/bensimmons.png') no-repeat center;
    background-size: contain;
}
#caldwellpope {
    background: url('../img/players/caldwellpope.png') no-repeat center;
    background-size: contain;
}
#carmeloanthony {
    background: url('../img/players/carmeloanthony.png') no-repeat center;
    background-size: contain;
}
#chrispaul {
    background: url('../img/players/chrispaul.png') no-repeat center;
    background-size: contain;
}
#codyzeller {
    background: url('../img/players/codyzeller.png') no-repeat center;
    background-size: contain;
}
#deandreayton {
    background: url('../img/players/deandreayton.png') no-repeat center;
    background-size: contain;
}
#demarderozan {
    background: url('../img/players/demarderozan.png') no-repeat center;
    background-size: contain;
}
#derrickrose {
    background: url('../img/players/derrickrose.png') no-repeat center;
    background-size: contain;
}
#devinbooker {
    background: url('../img/players/devinbooker.png') no-repeat center;
    background-size: contain;
}
#dirknowitzki {
    background: url('../img/players/dirknowitzki.png') no-repeat center;
    background-size: contain;
}
#donovanmitchell {
    background: url('../img/players/donovanmitchell.png') no-repeat center;
    background-size: contain;
}
#dwyanewade {
    background: url('../img/players/dwyanewade.png') no-repeat center;
    background-size: contain;
}
#giannis {
    background: url('../img/players/giannis.png') no-repeat center;
    background-size: contain;
}
#malcolmbrogdon {
    background: url('../img/players/malcolmbrogdon.png') no-repeat center;
    background-size: contain;
}
#markcuban {
    background: url('../img/players/markcuban.jpeg') no-repeat center;
    background-size: contain;
}
#gordonhayward {
    background: url('../img/players/gordonhayward.png') no-repeat center;
    background-size: contain;
}
#jamesharden {
    background: url('../img/players/jamesharden.png') no-repeat center;
    background-size: contain;
}
#joelembiid {
    background: url('../img/players/joelembiid.png') no-repeat center;
    background-size: contain;
}
#jonathanisaac {
    background: url('../img/players/jonathanisaac.png') no-repeat center;
    background-size: contain;
}
#justicewinslow {
    background: url('../img/players/justicewinslow.png') no-repeat center;
    background-size: contain;
}
#kawhileonard {
    background: url('../img/players/kawhileonard.png') no-repeat center;
    background-size: contain;
}
#kembawalker {
    background: url('../img/players/kembawalker.png') no-repeat center;
    background-size: contain;
}
#kevinlove {
    background: url('../img/players/kevinlove.png') no-repeat center;
    background-size: contain;
}
#klaythompson {
    background: url('../img/players/klaythompson.png') no-repeat center;
    background-size: contain;
}
#kobebryant {
    background: url('../img/players/kobebryant.png') no-repeat center;
    background-size: contain;
}
#kristapsporzingis {
    background: url('../img/players/kristapsporzingis.png') no-repeat center;
    background-size: contain;
}
#kylelowry {
    background: url('../img/players/kylelowry.png') no-repeat center;
    background-size: contain;
}
#lebronjames{
    background: url('../img/players/lebronjames.png') no-repeat center;
    background-size: contain;
}
#lukadoncic {
    background: url('../img/players/lukadoncic.png') no-repeat center;
    background-size: contain;
}
#markellefultz {
    background: url('../img/players/markellefultz.png') no-repeat center;
    background-size: contain;
}
#pascalsiakam {
    background: url('../img/players/pascalsiakam.png') no-repeat center;
    background-size: contain;
}
#paulgeorge {
    background: url('../img/players/paulgeorge.png') no-repeat center;
    background-size: contain;
}
#russellwestbrook {
    background: url('../img/players/russellwestbrook.png') no-repeat center;
    background-size: contain;
}
#stephcurry {
    background: url('../img/players/stephcurry.png') no-repeat center;
    background-size: contain;
}
#victoroladipo {
    background: url('../img/players/victoroladipo.png') no-repeat center;
    background-size: contain;
}
#vincecarter {
    background: url('../img/players/vincecarter.png') no-repeat center;
    background-size: contain;
}

@media only screen and (max-width: 600px) {
    .parent {
        padding: 0;
    }
    .selection {
      width: 150;
    }
}