a:link {
  color: #F0FBFF;
}

/* visited link */
a:visited {
  color: #F0FBFF;
}

/* mouse over link */
a:hover {
  color: #CFF5FF;
}

/* selected link */
a:active {
  color: blue;
}
    ul{
      list-style-position: inside;
      padding: 5px;
    }
  
    body{
      background-color: #2C2E36;
      background-image: url('https://lh3.googleusercontent.com/d/1BDT9EeSwvLqK88PVj79Ararr-CLjB4xc');
      background-repeat: repeat-y;
      background-position: center;
      background-attachment: fixed;
      font-family: Verdana, sans-serif;
      background-size: 1000px;
    }
    .container{
      max-width: 800px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 5px auto;
      background: linear-gradient(to bottom, rgb(65, 69, 77, 0.7) 0%, rgb(41, 40, 47, 0.2) 100%);
      border-radius: 15px 15px 0px 0px;
    }
    input{
      display: none;
    }
    .container label{
      font-family: Verdana, sans-serif;
      padding: 10px;
      box-sizing: border-box;
      cursor: pointer;
      text-align: center;
      font-size: 20px;
      margin: 5px;
      color: white;
    }
    
    .bg-color-grey{
      background-color: rgba(44, 47, 52, 0.3);
      color: white;
      text-shadow: 0 0 10px ;
      border-bottom: 5px solid #C8D1E3;
      margin-bottom: 10px;
    }
    
    .headline{
      font-family: Verdana, sans-serif;
      padding: 10px;
      text-align: center;
      width: 100%;
      height: 40px;
      font-size: 2em;
      border-radius: 15px 15px 0px 0px;
    }
    
    .width-examples{
      height: 45px;
      width: 160px;
    }
    
    .width-prices{
      height: 45px;
      width: 320px;
    }
    
    input[type="radio"]:checked + label {
      box-shadow: 5px 5px 10px #0A1624 inset;
      text-shadow: 0 0 4px #74e9ff;
      border: 3px inset #0a0b0c;
    }
    .tab-content{
      padding: 10px;
      text-align: center;
      color: white;
      font-family: Verdana, sans-serif;
      width: 95%;
      margin: 5px;
      display: none;
      flex-wrap: wrap;

    }
    .half-box{
      max-width: 390px; 
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
      justify-content: center;
      background: linear-gradient(to bottom, rgb(65, 69, 77, 0.7) 0%, rgb(41, 40, 47, 0.2) 100%);
      border-radius: 15px 15px 0px 0px;
      color: white;
    }
    .status-contacts{
      padding: 5px; 
      margin: auto;
      color: white;
      text-align: center;
    }
    
    .bg-grad-grey{
      background: linear-gradient(to bottom, rgb(44, 47, 52, 0.9), rgb(70, 74, 82, 0.7));
      border: 3px outset #595A63;
      transition-duration: 0.4s;
    }

    
    .prices{
      flex-wrap: wrap;
      display: flex;
      align-items:center;
      font-size: 24px;
      padding: 5px;
      color: white;
      justify-content: center;
      align-content: center;
      text-align: center;
      margin: 10px;
      background: linear-gradient(to bottom, rgb(30, 37, 41, 0.6), rgb(41, 40, 47, 0.5));
      width: 90%;
    }
    
      #tab1:checked~#content1,
      #tab2:checked~#content2, 
      #tab3:checked~#content3, 
      #tab4:checked~#content4{
          display: flex;
      }
      
    .contact-form-btn{
      font-family: Verdana, sans-serif;
      padding: 10px;
      box-sizing: border-box;
      cursor: pointer;
      text-align: center;
      font-size: 20px;
      margin: 5px;
      background: linear-gradient(to bottom, rgb(44, 47, 52, 0.9), rgb(70, 74, 82, 0.7));
      color: white;
      border: 5px outset #595A63;
      
      }
      
    .contact-form-btn:active, .contact-form-btn:hover {
      background-color: #2C2F34; 
    }
    
    .secondary-stuff{
      font-size: 22px; 
      margin: 5px auto; 
      box-shadow: 5px 5px 10px #2E3242;
      background: linear-gradient(to bottom, rgb(30, 37, 41, 0.6), rgb(41, 40, 47, 0.5));
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 95%;
      text-align: center;
      color: white;
      margin-bottom: 20px;
    }
  
    .additional-prices{
      margin:3px;
    }
    

    
    .galery-examples {
      flex-wrap: wrap;
      flex-shrink: 0;
      flex-grow: 0;
      flex: 50%;
      max-width: 50%;
    }
    
    @media (max-width: 700px) {
  .galery-examples {
    flex: 100%;
    max-width: 100%;
  }}
    
    .galery-image{
     display: block;
     background-color: rgb(44, 47, 52, 0.5);
     margin:5px;
     box-shadow: 5px 5px 10px #2E3242;
     cursor: pointer;
     justify-content: center;
     align-items: center;
     padding: 5px;
    }
    
    
    .galery-image:hover{
      transform:scale(1.01);
      box-shadow: 10px 10px 10px #2E3242;
    }
    
    .galery-image-info{
      width: 95%; 
      margin: auto; 
      padding: 5px;
      font-size: 14px;
      color: #C0E5FA;
    }
    
    .lightbox-examples-all{
      display: flex;
      
    }
    
    .lightbox{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(44, 47, 52, 0.9);
      display: none;
      align-items: center;
      justify-content: center;
      margin: auto;
      color: white;
      border: none;
    }
    
    .lightbox:target{
      display: flex;
    }
    
    .inside-lightbox{
      max-width: 800px;
      max-height: 100vh;
      position: relative;
      overflow-y: auto;
      overflow-x: hidden;
      font-size: 20px;
      
    }
    
    .close-button{
      position: absolute;
      font-size: 26px;
      text-decoration: none;
      top: 13px; right: 20px;
      text-shadow: 5px #F54927;
      font-weight: 800;
    }