.board-element{height:5vw;width:5vw;border-radius:50%;display:inline-block}@media screen and (max-width:992px){.board-element{height:10vw;width:10vw;border-radius:50%;display:inline-block}}@media screen and (max-width:600px){.board-element{height:15vw;width:15vw;border-radius:50%;display:inline-block}}#board{text-align:center;height:25vw}.red{background-color:red}.green{background-color:green}.blue{background-color:blue}.yellow{background-color:yellow}.purple{background-color:purple}.controls{margin:2% auto 2% auto;color:white;text-align:center}button,select{background-color:transparent;border:solid white 1px;color:white}select option{background-color:#312f30}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#312f30;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.loader{width:5vw;height:auto;margin-top:5vw}.footer{position:fixed;bottom:0;width:100%}