@font-face {
    font-family: 'Digital';
    src: url('/fonts/DS-DIGIB.TTF') format('truetype');
}

*{
    margin: 0;
    padding: 0;
}

section{
    width: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

html, body {
    width: 100%;
    height: 100%;
    justify-content: center; /* Centraliza na horizontal */
    align-items: center; /* Centraliza na vertical */
    background: linear-gradient(135deg, #120c4a, #ffffff, #ffffff);
}

nav {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: white;
    font-size: 18px;
}


#timer {
    font-family: 'Digital', sans-serif;
    width: 900px;
    font-size: 500px;
    color: #0239b7;
    text-align: center; /* Alinha os números no centro */
    
}


#logo{
    height:280px;    
}



h1{
    font-size: 60px;
    color: #0239b7;  
}

h2{
    font-size: 60px;
    color: white;  
}

h3{
    font-size:20px;
    color: white;
}



#timer {
    font-family: 'Digital', sans-serif;
    font-size: 400px;
    color: #0239b7;
    display: inline-block;
}

.buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

button {
    font-size: 20px;
    padding: 10px 20px;
    margin: 5px;
    cursor: pointer;
}

.container{
    display: block;
    justify-content: center;
    align-items: center;
}

#startPause{
    color: green;
}

#reset{
    color: red;
}

#logos{
    display: flex;
    justify-content: center;
    align-items: center;
}

#relogio{
    width: 300px; /* Defina um tamanho fixo para evitar mudança de posição */
    height: 100px; /* Altura fixa */
    background: rgba(255, 255, 255, 0.2); /* Fundo semi-transparente */
    backdrop-filter: blur(10px); /* Desfoque para o efeito de vidro */
    -webkit-backdrop-filter: blur(10px); /* Compatibilidade com Safari */
    border: 2px solid rgba(255, 255, 255, 0.3); /* Borda semi-transparente */
    border-radius: 15px; /* Bordas arredondadas */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra para realce */
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; /* Texto branco para contraste */
    font-size: 70px; /* Ajuste do tamanho do texto */
    font-family: 'Digital', sans-serif; /* Aplica a fonte digital */
    text-align: center;
}