*{
    font-family: Arial;
    font-size: 60px;
    
}
body{
    background-color: rgb(247,247,247);
}

#close {
    font-size: 45px;
    font-weight:100;
    color:rgb(54, 125, 171);
    text-decoration: underline;
    float: right;
    margin: 15px 30px 0px 0px;
}

#title{
    margin-top:30px;
    margin-right: 30px;
    margin-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: bold;
    letter-spacing: 3px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgb(154, 42,35);
    color: white;
    font-size: 45px;
    text-align:center;
}

#container{
    position: absolute;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
    height:1295px;
    width:904px;
    background-color: white;
}

.colourboxes{
    margin: 30px;
    box-sizing: border-box;
    }

#leftcb{
    position: relative;
    width: 31.12%;
    height: 255px;
    margin-right: 0px;
    border-top-left-radius: 20px;
    float: left;
    background-color: #AEC898;
}

#middlecb{
    position: relative;
    width: 31.12%;
    height: 255px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    background-color: #F3D676;
}

#rightcb{
    position: relative;
    width: 31.12%;
    height: 255px;
    margin-left: 0px;
    border-top-right-radius: 20px;
    float: right;
    background-color: #AC4982;
}



@keyframes timedate-mover {
    from {left:-15%;}
    to {left:15%;}
}
.timedate{
    text-align: center;
    color:white;
    text-shadow:rgba(0, 0, 0, 1) 2px 2px 15px;
    position: relative;
    z-index:2;

    font-weight:600;
    font-size: 90px;
    animation-name: timedate-mover;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    padding: 0px;
    height:fit-content;
    width:fit-content;
    margin: auto;
}

#time{
    position: relative;
top: -260px;
}

#date{
    position: relative;
top: -260px;
}

#photocardbox{
    margin-left: 30px;
    margin-right: 30px;
    width: 93.36%;
    height: 370px;
    background-color: rgb(154, 42,35);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position:absolute;
    top:285px;
}

#photocard{
    position:absolute;
    left:70px;
}

#NXRewardsCashback{
    position:absolute;
    top: 890px;
    left:70px;
    background-color:rgb(54, 125, 171);
    color:white;
    font-weight: normal;
    height: 150px;
    width: 86%;
    box-sizing: border-box;
    
}

#nxrc{
    display:inline;
    text-align: center;
    position: relative;
    bottom: 15px;
    float: right;
    margin-right: 115px;
    font-size: 57px;
}

#extlink{
    margin-top: 55px;
    margin-left: 90px;
}

@font-face {
    font-family: ArialBoldMT;
    src: url(ARIALBOLDMT.html);
}
#para1{
    position:absolute;
    top: 1010px;
    left:215px;
    text-align: center;
    color: rgb(107,107,107);
    font-family: ArialBoldMT;
    letter-spacing: 2px;
    line-height: 24px;
    font-weight: 900;
    font-size: 30.5px;
}

#qrcode{
    position:absolute;
    top: 1145;
    left: 279px;
    height: 350;
    width: 400;
}


#footer{
    position:absolute;
    top: 1505px;
    left: 38px;
    padding-top:30px;
    padding-bottom: 30px;
    border-top: 2px dashed black;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: white;
    color: rgb(54, 125, 171);
    text-align:center;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
    width: 904px;
    height:65px;
}

#actionsbutton{
    position:absolute;
    bottom:30px;
    left: 35px;
}

#detailsbuttons{
    position:absolute;
    bottom:30px;
    right:35px;
}
#detailsimg{
    position: relative;
    bottom: -5px;
}
.footertxt{
    display: inline;
    text-decoration: underline;
}

#actionstxt{
    font-size:40px;
}

#detailstxt{
    font-size:40px;
}

/* */