@charset "utf-8";

/*Setting the background*/
body {
    background-image: url("img/background.png");
    width: 100%;
    margin: auto;
}

/*box container for timer*/

div#timer {
    margin-left: 20%;
    margin-right: 20%;
}

/*Days*/
div#dayBox {
    border: 1px solid rgb(255, 255, 255);
    width: 65%;
    margin: 1em;
}
p#days {
    font-family: 'Changa One', cursive;
    font-size: 25px;
    color: white;
}
p#daysD {
    font-family: "Courier New", Courier, monospace;
    font-size: 15px;
    padding: 2px;
    color: white;
}

/*Hours*/
div#hourBox {
    border: 1px solid rgb(255, 255, 255);
    width: 65%;
    margin: 1em;
}
p#hours {
    font-family: 'Changa One', cursive;
    font-size: 25px;
    color: white;
}
p#hoursD {
    font-family: "Courier New", Courier, monospace;
    font-size: 15px;
    padding: 2px;
    color: white;
}

/*Minutes*/
div#minuteBox {
    border: 1px solid rgb(255, 255, 255);
    width: 65%;
    margin: 1em;
}
p#minutes {
    font-family: 'Changa One', cursive;
    font-size: 25px;
    color: white;
}
p#minutesD {
    font-family: "Courier New", Courier, monospace;
    font-size: 15px;
    padding: 2px;
    color: white;
}

/*Seconds*/
div#secondBox {
    border: 1px solid rgb(255, 255, 255);
    width: 65%;
    margin: 1em;
}
p#seconds {
    font-family: 'Changa One', cursive;
    font-size: 25px;
    color: white;
}
p#secondsD {
    font-family: "Courier New", Courier, monospace;
    font-size: 15px;
    padding: 2px;
    color: white;
}


/*Just In case codes*/
/*
section#container {
    position: relative;
}
div#top {
    position: absolute;
    top: 4%;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
}
div#time {
    position: absolute;
    top: 25%;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
}
div#bottom {
    position: absolute;
    bottom: 29%;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;

    
div#img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

figure {
    margin: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

img#background {
    position: fixed;
    width: 100%;
    height: 100%;
}
}
*/