@import url('scid.css');

body {
background-color: rgba(230, 85, 99, 1);
color: white;
font-family: "Roboto", serif;
font-weight: 400;
font-style: normal;
}
.header {
height: 50px;
background-color: rgba(128, 0, 0, 1);
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.timer {
}
.points {
}
.container {
height: calc(100% - 50px);
position: relative;
}
.button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 15px;
border-radius: 10px;
background-color: rgba(128, 0, 0, 1);
transition: all 0.2s;
}
.button:hover {
background-color: rgba(128, 0, 0, 0.5);
}


.popup_background {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(244, 244, 244, 0.8);
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.popup_box {
padding: 20px;
border-radius: 5px;
background-color: black;
box-shadow: 1px 3px 4px 0px black;
text-align: center;
}
.result_box {
display: flex;
gap:3px;
}
.button_popup {
margin-top: 10px;
padding: 15px;
border-radius: 10px;
background-color: rgba(128, 0, 0, 1);
}
.button_popup:hover {
background-color: rgba(128, 0, 0, 0.5);
}