.gfield {
    width:100%;
    height:100%;
  display: flex;
  flex-direction: column;
}
.t_gfield{
    display: flex;
    flex-direction: row;
    border-bottom:1px solid black;
}
.m_gfield{
    display: flex;
    flex-direction: row;
}
.ml_gfield{
    width:15%;
    border-right: 1px solid;
    display: flex;
    flex-direction: column;
}
.mc_gfield{
    width:70%;
    display : flex;
    flex-direction: column;
    background-image: url("../img/field/field.jpg");
    background-size: cover;
}
.mr_gfield{
    width:15%;
    display: flex;
    flex-direction: column;
}
.row1 {
    height: 30%;
    display : flex;
    flex-direction: row;
}

.action_up{
     flex-basis: 50%;
     display : flex;
    flex-direction: row;
}
.event_area{
    flex-basis: 50%;
    display : flex;
    flex-direction: row;
}
.cur_player{
    flex-basis: 50%;
    margin-top:2vw;
    margin-left:2vw;
    display : flex;
    flex-direction: column;
}
.cur_player_info{
    flex-basis: 50%;
    background-color: white;
    border-radius: 1vw;
    padding:0.6vw;
}
.action_buttons{
    flex-basis: 50%;
     display : flex;
    flex-direction: column;
    margin:2vw 2vw;
    align-content: center;
}
.dice_buttons{
    flex-basis: 50%;
    display : flex;
    flex-direction: row;
    margin-top:1vw;
    justify-content: space-between;
}
.buy_home{
    flex-basis: 20%;
    display : flex;
    flex-direction: column;
    margin-bottom:0.5vw;
}
.offer_button{
    flex-basis: 20%;
    display : flex;
    flex-direction: column;
    margin-bottom:0.5vw;
}
.mortgage_redeem{
    flex-basis: 20%;
    display : flex;
    flex-direction: column;
    margin-bottom:0.5vw;
}
.complete_move{
    flex-basis: 20%;
    display : flex;
    flex-direction: column;
    margin-bottom:0.5vw;
}
.buy_home_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #3ea037;
    border: 3px solid #3ea037;
    border-radius: 2em;
    font-size: 1.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    width:100%;
    text-align: center;
}
.buy_home_button:hover {
    text-decoration: none; 
    background-color: #3ea037;
    color: #ffeded;
    border-color: #3ea037;
    cursor: pointer;
}
.complete_move_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #ff0000;
    border: 3px solid #ef0000;
    border-radius: 2em;
    font-size: 1.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    width:100%;
    text-align: center;
}
.complete_move_button:hover {
    text-decoration: none; 
    background-color: #e50000;
    color: #ffeded;
    border-color: #ff0000;
    cursor: pointer;
}
.make_offer_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #f18417;
    border: 3px solid #f18417;
    border-radius: 2em;
    font-size: 1.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    width:100%;
    text-align: center;
}
.make_offer_button:hover {
    text-decoration: none; 
    background-color: #f18417;
    color: #ffeded;
    border-color: #f18417;
    cursor: pointer;
}
.mortgage_redeem_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #1779f1;
    border: 3px solid #1779f1;
    border-radius: 2em;
    font-size: 1.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    width:100%;
    text-align: center;
}
.mortgage_redeem_button:hover {
     text-decoration: none; 
    background-color: #1779f1;
    color: #ffeded;
    border-color: #1779f1;
    cursor: pointer;
}

.log_area {
     flex-basis: 50%;
}

.row2 {
    flex-basis: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 33% 33% 33%;
}

.b_gfield{
    display: flex;
    height: 15vw;
    flex-direction: row;
}
.dicepng {
  width: 100%;
}
.lotereya{
    width:15vw;
    height:15vw;
    display:flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid black;
    text-align: center;
    background-color: #83412d;
}
.katalajka{

    width:15%;
    height:15vw;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #83412d;
}
.start{
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    width:15%;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #cd1a29;
}
.pochta{
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width:15%;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #83412d;
}

.street-h {
    width:10%;
    height:15vw;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid black;
}

.street-bh {
    width:10%;
    height:15vw;
    display:flex;
    border-top: 1px solid black;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid black;
}

.street_name{
    margin-top:1em;
    text-align: center;
    height:20%;
}

.street-middle-block{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    height: 60%;
}

.street-bottom-block {
    height: 20%;
    display: flex;
    flex-direction: row;
    gap: 1px;
    border-top: 1px solid;
}

.street_name_gazeta{
    margin-top:2vh;
    text-align: center;
    flex-grow:1
}
.street-middle-block-gazeta{
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    flex-grow:6
}
.payments-list {
    list-style-type: none;
    padding-inline-start: 1vw;
    margin-block-end: 0em;
    margin-top:5px;
}

.payments-list-gazeta {
    list-style-type: none;
    padding-inline-start: 1vw;
    margin-block-end: 0em;
    margin-block-start:0em;
}

.payments-list-gazeta li {
    padding-bottom:3px;
}
.street-price{
    display:flex;
    flex-direction: column;
    justify-content: end;
    margin-bottom:1vh;
    margin-right:1vh;
}

.street-price-gazeta{
    display:flex;
    flex-direction: column;
    justify-content: end;
    margin-bottom:6vh;
}


.home {
    flex-basis: 33%;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
}
.home-vl {
    flex-basis: 3.3vw;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.street-vl {
    height:10vw;
    width:100%;
    border-bottom: 1px solid;
    display:grid;
    grid-template-columns: 3vw auto 3vw;
    grid-template-rows: 33% 33% 33%;
    row-gap: 1px;
    background-color: black;
    }
.street-vr {
    height:10vw;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    display:grid;
    grid-template-columns: 3vw auto 3vw;
    grid-template-rows: 33% 33% 33%;
    row-gap: 1px;
    background-color: black;
    }
.gazeta-vl {
    height:10vw;
    border-bottom: 1px solid;
    display:grid;
    grid-template-columns: auto 3vw;
    }

.gazeta-vr {
    height:10vw;
    border: 1px solid;
    display:flex;
    flex-direction: row;
    }

.gazeta-payments-vl {
    transform: rotate(90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-left:4vw;
}
.gazeta-payments-list-vl {
    list-style-type: none;
    padding-inline-start: 3vw;
    margin-block-end: 0em;
}
.gazeta-price-vl {
    transform: rotate(90deg);
    padding-left:2vw;
    text-align: center;
}
.gazeta-middle-block-vl{
    display:flex;
    flex-direction: column;
}

.street-bottom-block-vl {
   border-right: 1px solid;
     display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
   
}
.street-middle-block-vl{
   grid-row: span 3;
}

.street-payments-vl {
    transform: rotate(90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.street-price-vl {
    transform: rotate(90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
   
}
.street-homeprice-vl {
    transform: rotate(90deg);
}
.street_name_vl{
   grid-row: span 3;
    display:flex;
    flex-direction: column;
   justify-content: center;
    align-items: center;
}
.street-name-vl-inner{
    transform: rotate(90deg);
    white-space: nowrap;
    text-align: center;
    display:block;
}

.gazeta-payments-vr {
    transform: rotate(-90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.gazeta-payments-list-vr {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-block-end: 0em;
}
.gazeta-price-vr {
    transform: translate(2.5vw, -1vw) rotate(-90deg);
    text-align: left;
}
.gazeta-middle-block-vr{
    display:flex;
    flex-direction: column;
}

.street-bottom-block-vr {
   border-left: 1px solid;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.street-middle-block-vr{
   grid-row: span 3;
}

.street-payments-vr {
    transform: rotate(-90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-top:1em;
}

.street-price-vr {
     transform: translate(4.5vw,1.5vh) rotate(-90deg);
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width:4vw;
    margin-left:1vw;
}
.street-homeprice-vr {
    transform: rotate(-90deg);
}
.street_name_vr{
   grid-row: span 3;
    display:flex;
    flex-direction: column;
   justify-content: center;
    align-items: center;
}
.street-name-vr-inner{
    transform: rotate(-90deg);
    white-space: nowrap;
    text-align: center;
    display:block;
}

.yes_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #3ea037;
    border: 3px solid #3ea037;
    border-radius: 2em;
    font-size: 1.2em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    text-align: center;
    padding-left: 1em; 
    padding-right: 1em;  
}
.yes_button:hover {
    text-decoration: none; 
    background-color: #3ea037;
    color: #ffeded;
    border-color: #3ea037;
    cursor: pointer;
}

.no_button {
    display: inline-block;
    text-decoration: none;
    background-color: #eaeaea;
    color: #ff0000;
    border: 3px solid #ef0000;
    border-radius: 2em;
    font-size: 1.2em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;  
    transition: all 0.8s ease;
    text-align: center;
    padding-left: 1em; 
    padding-right: 1em;  
}
.no_button:hover {
    text-decoration: none; 
    background-color: #e50000;
    color: #ffeded;
    border-color: #ff0000;
    cursor: pointer;
}
.yes_button_nom { 
	padding-top: 0!important; 
    padding-bottom: 0!important; }
.no_button_nom { 
	padding-top: 0!important; 
    padding-bottom: 0!important; }

.good_select {
	 padding: 1em;
}