@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{
	background-image: url('/imgs/matraces.jpg');
	background-size: cover;
	height: 100%;
	font-family: 'Numans', sans-serif;
}

#aviso{
    position: absolute;
    top: 40%;
    background-color: #f8f9fa;
    font-size: 150%;
    width: 100%;
    padding: 1%;
    text-align: center;
    border-radius: 15px;
}

#reloj{
    position: absolute;
    right: 50%;
    z-index: 2000;
    top: 20px;
    color: white;
    font-size: 110%;
}

.modal-header, .modal-footer{
    background-color: #565966;
}

.modal-header{
    color: white;
}

.modal-header h4{
    margin-left: 2%;
}

.modal-body{
    background-color: #dcdce1;
    padding: 3% !important;
}

.sig{
    margin-right: 2% !important;
}