:root {
                                       --color_1: #c33f82;
                                       /* rgb(245,229,241) - for bg */
                                       --color_1_b: 245, 214, 230;
                                       --color_2: #3480b9;
                                       /* rgb(245,231,226)- for bg */
                                       --color_2_b: 190, 217, 237;
                                       --color_3: #5b4baa;
                                       /* rgb(222,239,244) - for bg */
                                       --color_3_b: 213, 206, 250;
                                       --color_4: #873687;
                                       /* rgb(222,239,244) - for bg */
                                       --color_4_b: 226, 187, 226;
                                   }
                                   
                                   html {
                                       font-size: 62.5%
                                   }
                                   
                                   body {
                                       color: #535353;
                                       margin: 0 auto;
                                       padding: 0;
                                       text-align: center;
                                       font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
                                       font-size: 14px;
                                   }
                                   
                                   html,
                                   body {
                                       height: 100%;
                                   }
                                   
                                   img {
                                       max-width: 100%;
                                       vertical-align: top
                                   }
                                   
                                   a {
                                       text-decoration: none;
                                       border: none;
                                       outline: none
                                   }
                                   
                                   a:focus,
                                   a:hover,
                                   a:active {
                                       outline: 0;
                                   }
                                   
                                   .outer {
                                       margin: 0 auto;
                                       height: 100%;
                                       background-image: url(../img/main_bg.png);
                                       background-repeat: no-repeat;
                                       background-size: cover;
                                   }
                                   
                                   .main_container {
                                       padding: 0px 8px;
                                       background-color: rgba(224, 224, 224, 0.4);
                                       height: 100%;
                                   }
                                   
                                   .bg_gtsn {
                                       color: var(--color_1);
                                       background-color: rgba(var(--color_1_b), 0.8);
                                       /* background: linear-gradient(to bottom, rgba(158, 131, 150, 0) 0%, rgb(241, 163, 220) 100%); */
                                   }
                                   
                                   .bg_gtsn:active,
                                   .bg_gtsn:focus {
                                       outline: 0;
                                       background-color: rgba(var(--color_1_b), 0.3);
                                       transform: scale(1.02);
                                   }
                                   
                                   .bg_llp {
                                       color: var(--color_2);
                                       background-color: rgba(var(--color_2_b), 0.8);
                                       /* background: linear-gradient(to bottom, rgba(158, 131, 150, 0) 0%, rgb(179, 232, 195) 100%); */
                                   }
                                   
                                   .bg_llp:active,
                                   .bg_llp:focus {
                                       outline: 0;
                                       background-color: rgba(var(--color_2_b), 0.3);
                                       transform: scale(1.02);
                                   }
                                   
                                   .bg_php {
                                       color: var(--color_3);
                                       background-color: rgba(var(--color_3_b), 0.8);
                                       /* background: linear-gradient(to bottom, rgba(158, 131, 150, 0) 0%, rgb(161, 227, 249) 100%) */
                                   }
                                   
                                   .bg_php:active,
                                   .bg_php:focus {
                                       outline: 0;
                                       background-color: rgba(var(--color_4_b), 0.3);
                                       transform: scale(1.02);
                                   }
                                   
                                   .bg_tvj {
                                       color: var(--color_4);
                                       background-color: rgba(var(--color_4_b), 0.8);
                                       /* background: linear-gradient(to bottom, rgba(158, 131, 150, 0) 0%, rgb(161, 227, 249) 100%) */
                                   }
                                   
                                   .bg_tvj:active,
                                   .bg_tvj:focus {
                                       outline: 0;
                                       background-color: rgba(var(--color_4_b), 0.3);
                                       transform: scale(1.02);
                                   }
                                   
                                   .logo_main {
                                       height: 30%;
                                       position: relative;
                                   }
                                   
                                   .logo_container {
                                       position: absolute;
                                       bottom: 15%;
                                       width: 100%;
                                       text-align: center;
                                   }
                                   
                                   .logo_main img {
                                       height: 20vh;
                                       box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
                                       border-radius: 50%;
                                       padding: 8px;
                                   }
                                   
                                   .block {
                                       height: 15%;
                                       display: table;
                                       width: 100%;
                                       margin: 12px auto;
                                       max-width: 500px;
                                   }
                                   
                                   .block .main {
                                       display: table-cell;
                                       vertical-align: middle;
                                       margin: 4px 0px;
                                       font-size: 18px;
                                       padding: 0px 8px;
                                       line-height: 1.3em;
                                       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                                       border-radius: 5px;
                                       border-top: 10px solid;
                                   }
                                   
                                   .logo img {
                                       border-radius: 50%;
                                       border: 1px solid white;
                                       /* box-shadow: 0px 0px 0px 8px #a03b85, 0px 0px 0px 16px #366e47, 0px 0px 0px 24px #3a93b0; */
                                   }