37 lines
719 B
CSS
37 lines
719 B
CSS
|
#controls {
|
||
|
width: 100vw;
|
||
|
position: absolute;
|
||
|
bottom: 50px;
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
#controls .btn {
|
||
|
z-index: 50;
|
||
|
background: #222;
|
||
|
height: 10vh;
|
||
|
padding: 2vh 0;
|
||
|
}
|
||
|
#controls .btn .fa {
|
||
|
margin: 0 2vw;
|
||
|
}
|
||
|
#controls .btn:hover {
|
||
|
background: #333;
|
||
|
}
|
||
|
#controls .btn.set, #controls .btn.clear {
|
||
|
width: 30vw;
|
||
|
}
|
||
|
#controls .btn.track {
|
||
|
width: 35vw;
|
||
|
}
|
||
|
@media (max-width:250px) {
|
||
|
#controls .btn { font-size:.8em; }
|
||
|
}
|
||
|
@media (min-width:250px) and (max-width:350px) {
|
||
|
#controls .btn { font-size:1em; }
|
||
|
}
|
||
|
@media (min-width:350px) and (max-width:450px) {
|
||
|
#controls .btn { font-size:1.15em; }
|
||
|
}
|
||
|
@media (min-width:450px) {
|
||
|
#controls .btn { font-size:1.3em; }
|
||
|
}
|