body {
font-family: Arial, sans-serif;
background: #222;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0px;
}
.radio-container {
//background: #003300;
//background: #333;
background: #bfbfbf;
padding: 20px;
border-radius: 30px;
box-shadow: 0 8px 16px rgba(0,0,0,0.5);
text-align: center;
width: 280px;
height: 546px;
}
.speaker {
position: relative;	
left: 1px;
top: 1px;
//background: #004d00;
//background: #333;
background: #e6e6e6;
padding: 28px;
border-radius: 30px;
box-shadow: 0 8px 16px rgba(0,0,0,0.5);
text-align: center;
width: 220px;
height: 150px;
}
.speaker-cracks {
position: relative;	
left: 1px;
top: 1px;
background: black;
padding: 1px;
margin-bottom: 3px;
border-radius: 7px;
text-align: center;
width: 216px;
height: 14px;
}
.mic {
//position: relative;	
//left: 1px;
//top: 1px;
//background: #004d00;
//background: #333;
background: #e6e6e6;
padding: 2px;
border-radius: 10px;
box-shadow: 0 8px 16px rgba(0,0,0,0.5);
text-align: center;
width: 80px;
height: 52px;
}
.mic-cracks {
//position: relative;	
//left: 1px;
//top: 1px;
//background: #333;
background: black;
padding: 1px;
margin-top: 5px;
margin-left: 4px;
border-radius: 4px;
//box-shadow: 0 8px 16px rgba(0,0,0,0.5);
text-align: center;
width: 69px;
height: 9px;
}
select, button {
width: 100%;
padding: 12px;
margin: 10px 0;
border-radius: 8px;
border: none;
font-size: 16px;
font-weight: bold;
}
select {
//background: #444;
//background: #004d00;
background: #e6e6e6;
color: #000000;
}
.ptt-btn {
//background: #ff3b30;
background: #737373;
font-size: 20px;
font-weight: bold;
color: white;
cursor: pointer;
user-select: auto;
height: 120px;
border-radius: 35px;
width: 270px;
margin: 20px auto;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.ptt-btn:active {
background: #4cd964;
transform: scale(0.98);
color: #006600;
}
.status {
font-size: 15px;
font-weight: bold;
color: #000000;
margin-top: 10px;
}