/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.04.2023, 14:36:09
    Author     : eduardlogunov
*/
body{
    background: url("images/red_gold.jpg");
    background-position: center;
    background-repeat: no-repeat;
}
.container{

    min-height: calc(100vh - 20px);
    margin: 10px auto;
    border-radius: 8px;
    border: 1px #bbb solid;
    background: #fff;
    background-image: url("images/confeti.png");
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-box-shadow: -2px 0px 8px 0px rgba(34, 60, 80, 0.2); 
    -moz-box-shadow: -2px 0px 8px 0px rgba(34, 60, 80, 0.2); 
    box-shadow: -2px 0px 8px 0px rgba(34, 60, 80, 0.2);
}
.shop_list{
    margin: auto;
    font-weight: lighter;
    font-size: 100%;
    text-align: justify;
}
.qr_img{
    max-width: 150px;
    margin: auto;
    margin-bottom: 20px;
}
.qr_img img{
    width: 100%;

}
.to_do{
    text-align: center;
    max-width: 650px;
    font-size: 120%;  
    list-style: none;
    margin: auto;
    margin-top: 20px;
}
.order{
    text-align: center;
}
.action{
    font-weight: bolder;
    font-size: 150%;
    margin-bottom: 15px;
}
.time_action{
    margin-bottom: 20px;
}

.text_container{
    max-width: 80%;
    border: 4px #FFF solid;
    display: block;
    text-decoration: none;
    width: -webkit-max-content;
    width: max-content;
    padding:20px;
    color: #fff;
    border-radius:90px;
    -webkit-box-shadow: 0px 0px 8px 3px rgba(149, 150, 82, 0.73); 
    -moz-box-shadow: 0px 0px 8px 3px rgba(149, 150, 82, 0.73); 
    box-shadow: 0px 0px 8px 3px rgba(149, 150, 82, 0.73);
    background: -webkit-linear-gradient(0deg, rgb(255, 56, 0), rgb(255, 202, 0) 46%);
    background: -moz-linear-gradient(0deg, rgb(255, 56, 0), rgb(255, 202, 0) 46%);
    background: linear-gradient(0deg, rgb(255, 56, 0), rgb(255, 202, 0) 46%);
}