@property --Taxi-Yellow
{
    syntax: "<color>";
    inherits: false;

    initial-value: rgb(247, 183, 49);
}

html
{
    background-color: var(--Taxi-Yellow);
}

header
{
    background-image: url(../Image/Background/TAX-I_Animation.gif);
    background-size: cover;

    height: 500px;
}

footer
{
    background-color: black;
    height: 150px;
}

/*}-----{Classes}-----{*/

.white-text
{
    color: white;
}

.BlacknYellow
{
    background-image: url(/Image/Black&Yellow_Stripes.svg);
    background-size: 500px;

    height: 100px;
}

.Conten_Block
{
    background-color: white;



    padding: 25px;

    gap: 10px;



    border: 2px, solid, black;

    box-shadow: 5px 5px black;
}



/*}-----{Transition}-----{*/



.SquareButton
{
    background-color: white;

    border: 2px, solid, black;

    box-shadow: 5px 5px var(--Taxi-Yellow);

    transition: box-shadow .5s;
}

.SquareButton:hover
{
    cursor: pointer;

    box-shadow: 0px 0px black;
}