html, body {
                margin: 20;
                padding: 0;
                background-color: #ebefe3;
                font-family: 'Roboto', sans-serif;
            }

            header {
                height: 90px;
                padding: 0 20px;
                text-align: center;
                background-color: #e3f5bd;
            }

            header > div {
                display: flex;
                justify-content: space-between;
                align-items: center;                
            }

            footer {
                height: 50px;
                padding: 0 20px;
                text-align: center;
                background-color: #e3f5bd;
            }

            footer > div {
                display: flex;
                justify-content: space-between;
                align-items: center;                
            }


            .menu-link {
                color:darkblue;
                text-decoration: none;
            }

            .fixed-container {
                max-width: 1200px;
                height: 100%;
                margin-left: auto;
                margin-right: auto;
                text-decoration: none;
            }

            h1 {
                color: darkblue;
            }

            h2 {
                margin-top: 0;
                margin-bottom: 0;
            }


            h4 {
                color: green;
            }

            a:hover {   /* состояние ссылки при наведении на неё мыши */
                color: green;
            }

            .first-block {
                max-width: 1200px;
                display: flex;
                flex-direction: row;
                margin-left: auto;
                margin-right: auto;
            }

            .first-block > div {
                text-align: left;  

            }

            .text-block {
                width: 65%;
                padding: 10px;
                justify-content: center;
            }

            .image-block {
                width: 35%;
                padding: 10px 0px;
                display: flex;
                flex-direction: column;
            }

            .text50 {
                width: 50%;
                padding: 20px;
                justify-content: center;
            }

            .text100 {
                width: 100%;
                padding: 20px;
                justify-content: center;
            }

            .image50 {
                width: 47%;
                padding: 20px;
                display: flex;
                flex-direction: column;
            }

            .game-tab {
                border: 1px solid gray;
                border-collapse: collapse;
                width: 100%;
            }

            .game-tab td, .game-tab th {
                border: 1px solid gray;
                padding: 5px;
            }
            
            .game-tab thead {
                background-color: lightgray;
                text-align: center;
            }

            .game-tab > img {
                width: 150px;
            }

            .price-tab {
                border: 1px solid gray;
                border-collapse: collapse;
                width: 100%;
            }

            .price-tab td, .price-tab th {
                border: 1px solid gray;
                padding: 7px;
            }
            
            .price-tab thead {
                background-color: lightgray;
                text-align: center;
            }

            .price-tab tr td+td{
            text-align: center;
            }


            .light-button {
                border: 1px solid black;
                background-color: transparent;
            }

            .dark-button {
                border: 1px solid darkblue;
                background-color: darkblue;
                color: white;
            }

            button {
                padding: 10px 30px;
                cursor: pointer;
                border-radius: 5px;
            }

            .social-icons {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-end;              
            }

            .social-icons img {
                height: 24px;
                margin: 16px;
            }

            .contact1 {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }
                        
            .contact2 {
                width: 47%;
            }

            .contact3 {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

            .contact4 {
                width: 100%;
            }

            .contact5 {
                width: 100%;
                display: flex;
                flex-direction: column;
            }

            .contact6 {
                width: 20%;
                display: flex;
            }

            .contact7 {
                width: 70%;
                
            }