@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

html, body, :root {
    height: 100%;
    background-color: #000000;
}

h1 {
    font-family: 'Roboto Light';
    text-transform: uppercase;
    font-size: 60px;
}

.container {
    max-width: 200px;
    margin: auto;
}

ul.icons {
    width: 100%;
}

ul.icons li a i {
    font-size: 60px;
}



.img-container {
    height: 100%;
    width: 100%;
}

.img-container img {
    width: 400px;
    height: 100%;
    object-fit: contain;
}


#demo {
    color: white;
}

#demo .container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}


#demo .days, #demo .hours, #demo .minutes, #demo .seconds {
    max-width: 200px;
    border: 2px solid white;
    border-radius: 10px;
    padding: 5px 2px;
    font-size: 32px;
    font-weight: 700;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

#demo .days {
    margin-right: 5px;
}

#demo .hours {
    margin-right: 5px;
}


#demo .minutes {
    margin-right: 5px;
}

#demo .seconds {
    margin-right: 5px;
}