@font-face {
    font-family: 'Garage Gothic Bold';
    src: url('font/Garage Gothic FB Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Garage Gothic Regular';
    src: url('font/Garage Gothic FB Regular.otf') format('opentype');
}
body {
    background: linear-gradient(135deg, #06352C, #165d50);
    font-family: 'Garage Gothic Regular', sans-serif;
    font-size: 1.5rem;
    color: white;
}
h1 {
    font-family: 'Garage Gothic Bold', sans-serif;
    font-size: 3.5rem;
}

.btn{
    font-size: 1.5rem;
}

.btn-primary{
    background-color: #daafaf;
    border-color: #daafaf;
    color: white;
}

.btn-primary:hover{
    background-color: #AE7B7C;
    border-color: #AE7B7C;
    color: white;
}

.logo { 
    width: 150px;
    height: auto;
    margin-bottom: 20px;
}

.countdown div {
    background: white;
    color: #165d50ff;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 2.5rem;
    font-weight: bold;
}

footer {
    position: absolute;
    bottom: 10px;
}
.form-control, .form-select{
    font-size: 1.4rem;
}
.form-label {
    text-align: left;
    display: block;
}
p, li{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
}