body{
    background-color: antiquewhite;

 background-repeat: no-repeat;
 height: 100vh;
 font-family: "Open Sans", sans-serif;
 font-size: 1rem;
 }


     .timer, .valentines, .photo, .timer2{
 grid-column: container-start / container-end;
 text-align: center;
 background-color: var(--color-quinary);
     }

img{
        display: flex;
        max-width: 50%;
        margin: auto;
        border-radius: 50%;
}

 h1{
     font-family: "Open Sans", sans-serif;
     font-size: 4rem;
     font-weight: 300;
     padding: 2rem 2rem 0rem 2rem;
     margin-top: 3rem
 }

 h2{
    font-family: "Open Sans", sans-serif;
     font-size: 2rem;
     font-weight: 300;
     padding: 2rem 2rem 0rem 2rem;
     margin-top: 3rem
 }

 #countdown{
     padding: 2rem;
     font-size: 3rem;
 }

 .time-section {
     display: inline-block;
     margin: 0 15px;
     padding-top: 2rem;
 }

 

 .time-value {
     font-size: 48px;
     display: block;
 }
 .time-label {
     font-size: 1rem;
 }

 .uppercase{
     text-transform: uppercase;
 }