body
{
    background-image: url("../imgs/back.png");
    font-family: 'Raleway', sans-serif;
    background-size: cover;
}
.logo
{
    position: absolute;
    left:50px;
    top:50px;
    width: 100px;
}
.border-bottom
{
    border-bottom: white solid 1px;
}
.header-font
{
    font-size: 7rem;
}
.subtitle-font
{
    font-size: 4rem;
}
.color-white
{
    color:white;
}
.color-red
{
    color:red;
}
.mt-10
{
    margin-top:100px;
}

/* Entry Text */
.place-font
{
    font-family: "Arial Black", sans-serif;
    font-size: 6rem;
}
.place-label-font
{
    font-size: 4rem;
}
.place-username-font
{
    font-size: 2rem;
    margin-top: -18px;
}



#countdown {
    position: absolute;
    top:25px;
    right:25px;
    text-align: center;
}

#countdown-number {
    color: white;
    display: inline-block;
    line-height: 40px;
}

svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: white;
    fill: none;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0px;
    }
    to {
        stroke-dashoffset: 113px;
    }
}
@media (min-width: 1200px)
{
    .container
    {
        max-width:1500px;
    }
}