body
{
    background-color: rgb(123, 4, 4);
}

h1
{
    text-align: center;
}

#santa
{
    float: left;
    height:850px;
    width:450px;
    margin-right: 50px;
}
.maincont
{
    display: flex;
    gap: 30px;
}
.container
{
    display: flex;
    flex-direction: column;
    gap:50px;
}

.card1,.card2
{
    width: 600px;
    height: 380px;
    border: 10px solid white;
    margin-right: 50px;

}

#tree
{
   
    float: right; 
    height:850px;
    width:420px;
}


p
{
    font-size: 20px;
    color:white;
}

h1
{
    color:white;
}

@media(max-width:1281px)
{
    .maincont{
        display:flex;
        flex-direction: column;
        gap:30px;
    }
    #santa{

    float: left;
    }

    #tree
   {
   
    float: left; 
    margin-left: 30em;
    
   }

}