html { position: relative; min-height: 100%; } body { background-color: #2e4150; margin-bottom: 70px; /*Равно высоте подвала*/ } main { height: 100% !important; } select { background-color: #385a80; color: white; font-weight: bold; font-size: 2.5vw; border: none; border-radius: 2px; text-align: center; } select option { background-color: #385a80; color: white; font-weight: bold; font-size: auto; border-radius: 2px; width: 100%; } nav { font-family: sans-serif; background-color:#385a80 !important; min-height: 100px; } footer { position: fixed; left: 0; bottom: 0; background-color: #385a80; height: 70px; max-height: 100px; width: 100%; font-family: sans-serif; color:white; font-size: calc(2vw + 8px) !important; font-weight: 600; } .navbar > div > a { font-size: calc(18px + 2vw) !important; } .navbar-nav > a { font-family: sans-serif; color: white; font-size: calc(12px + 2vw); font-weight: 600; } .container-fluid > a { font-family: sans-serif; color: white; font-size: 32px; font-weight: 600; } /* ГЛАВНАЯ СТРАНИЦА */ .btn_for_game_main_page { border: none; size: 0.5rem; background-color: #385a80 !important; color: white; font-size: calc(1vh + 0.5vw) !important; margin-right: 1rem; border-radius: 3px; } .name_of_game_main_page { color: white; font-size: 3vw !important; margin-left: 1vw !important; } .price_of_game_main_page { color: white; font-size: 2.7vw !important; margin-left: 1vw !important; font-weight: 600 !important; margin-bottom: 0; margin-top: -3px; } .table_of_main_page { border-collapse: separate; } @media (max-width: 420px) { .table_of_main_page { border-spacing: 0 0; } } @media (min-width: 420px) { .table_of_main_page { border-spacing: 0 0.5vw; } } .cell1_main_page { width: 20% !important; } .cell2_main_page { width: 60% !important; } main > .container-fluid { display: flex; flex-direction: column; } .btn_searching { background-color: #385a80 !important; color: white !important; font-weight: bold; } .searching_input { size: 2vw !important; } .btn_adding_game { background-color: #385a80 !important; color: white !important; font-weight: bold !important; border: none !important; border-radius: 3px; } /* СТРАНИЦА С ОПИСАНИЕМ ИГРЫ */ .info_about_game_pic_and_name { display: flex; align-items: center; height: 40% !important; } .info_about_game_name { color: white; font-weight: 700; align-items: center !important; font-size: calc(3vw + 2vh) !important; } .info_about_game_text { color: white; align-items: center !important; font-size: calc(2vw + 2vh) !important; } .info_about_game_add_to_basket_button { background-color: #385a80; color: white; font-family: sans-serif; font-size: calc(2.5vw + 1.5vh); border: none; border-radius: 3px; } .info_about_game_div_button { border: 1px white; align-items: center !important; } /* СТРАНИЦЫ АККАУНТА */ .account_text { font-family: sans-serif; color: white; font-size: calc(2.5vw + 1.5vh); font-weight: 600; text-decoration: none; } .account_btn { background-color:#385a80; color: white; font-family: sans-serif; font-size: calc(2.5vw + 1.5vh); border: none; border-radius: 3px; font-weight: 500; } .mt-25vh { margin-top: 25vh; } .mt-20vh { margin-top: 20vh; } /* БИБЛИОТЕКА */ .library_name_of_game { color: white; font-size: calc(3vw + 0.5vh); font-weight: 600; margin-left: 0.5vw; } .table_of_library { border-collapse: separate; border-spacing: 0 0.5vw; } .cell1_library { width: 20%; } .cell2_library { width: 60%; } /* КОРЗИНА */ .basket_name_of_game { color: white; font-family: sans-serif; font-size: 3vw; font-size: auto; margin: 0; } .basket_price_of_games{ color: white; font-size: 3vw; margin-bottom: auto; font-weight: 600; } .basket_delete_button { font-family: sans-serif; border: none !important; background: none !important; color: white !important; font-size: 3vw !important; } .basket_buy_button { background-color: #385a80; color: white; font-family: sans-serif; font-size: 3vw; border: none; border-radius: 3px; } .cell1_basket { width: 20% !important; } .cell2_basket { width: 50% !important; vertical-align: middle; text-align: center; } .cell3_basket { width: 20% !important; } tfoot { border-color: #2e4150; } /* СТРАНИЦА АДМИНА */ .admin_panel { margin-left: 20%; margin-right: 20%; } .span_admin_panel { background-color: #385a80 !important; color: white !important; font-weight: bold; } @media (min-width: 600px) { .span_admin_panel { font-size: 1.5vw; } } @media (max-width: 600px) { .span_admin_panel { font-size: 3vw; } } .btn_admin_panel { border: none; background-color: #385a80 !important; color: white; font-size: calc(1.5vh + 1vw) !important; border-radius: 3px; }