/* 
Copyright 2026 rewi7d - www.lyano.ovh
You are permitted to:
- use this code for your own projects
- redistribute it (modified or not)
- learn from this code
- well do anything really
Under the conditions of:
- Crediting me, rewi (as rewi7d), lyano, and all contributors to this code.


Contributors to this file:
- rewi7d
*/


 body {
    margin: 0;
    font-family: Arial,sans-serif;
    }
    
    a {
    color: #444444;
    text-decoration: none;
    }
    
    .selectionbar {
    font: 13px/27px Arial,sans-serif;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2d2d2d;
  
  
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
    }


  .paragraph-end-name {
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
  bottom: 62px;
  height: 20px;
  max-height: 100%;
  position: absolute;
  right: 0;
  width: 60px;
}

  .paragraph-end-dev {
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
  bottom: 46px;
  height: 18px;
  max-height: 100%;
  position: absolute;
  right: 0;
  width: 60px;
}

    .selectionbarselected {
    font-weight: bold;
    border-top: 2px solid red;
    color: #ffffff !important;
    }
    
    .selectionbar a {
    display: inline-block;  
    height: 28px;          
    line-height: 26px;      
    margin-right:2px;  
    padding-right:4px;  
  margin-right:4px; 
    color: #B3BBB0;       
    text-decoration: none;
    }

    .selectionbar a:hover {
    background-color: #444;
    }
    
    .topuserthing {
      line-height: 38px;
    height: 38px;
    float: right;
    }
 .topuserthing button {
     margin-top: 10px;
  margin-right: 18px;
    }
    
 .topuserthing span{
     line-height: 20px;
    }
    


    .topuserthing img {
   margin-top: 10px;
    height: 38px;
    width: 38px;
    }
    
    .topuserthing a {  
      margin-right:8px;  
      color: #444444;  
    }
    
    .topuserthing a,
    .topuserthing img {
    vertical-align: middle;
    }
    
    .button {
       cursor: pointer;
    font-size: 18px;
    padding: 6px 14px;
    background: #f7f7f7;
    background: -webkit-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="#F7F7F7",
      endColorstr="#F0F0F0",
      GradientType=0
    );
    border: 2px solid #EBEBEB;
    border-radius: 2px;
    color: #000;
    }
    
    .searchbox {
    font-size: 24px;
    padding: 6px 4px;
    width: 500px;
    height: 32px;
    }
    
    .logomain {
    max-width:340px;
    }
    
    .mainclass {
    text-align: center;
    width: 100%;
    margin: 0 auto;  
    }
    
    .redbtn {
      margin-right:8px;
      
    color: #ffffff;
    border-color: #DA4A38;
    background: #DA4A38;
    background: -webkit-linear-gradient(0deg, rgba(218, 74, 56, 1) 0%, rgba(217, 73, 54, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(218, 74, 56, 1) 0%, rgba(217, 73, 54, 1) 100%);
    background: linear-gradient(0deg, rgba(218, 74, 56, 1) 0%, rgba(217, 73, 54, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DA4A38", endColorstr="#D94936", GradientType=0);
      }

.morebtn {
float:right;
   font-size: 18px;
    padding: 2px 6px;
  margin-top:20px;
  margin-right:16px;
   background: #B3C53B;
    border: 2px solid #B3C53B;
    border-radius: 2px;
    color: #fff;
  
}
    
.morebtn:hover {
  background: #c1d33b;
  }

.pulldown {
    width: 80px;
    box-sizing: border-box;
}
.btnpulldown {
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin-bottom: 2px;
}
    
#pulldownMenu {
  position: fixed;
  top: 90px;    
  right: 20px;
  width: 200px;
  z-index: 2; 
  
  display: none; 
        background: #f7f7f7;
    background: -webkit-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="#F7F7F7",
      endColorstr="#F0F0F0",
      GradientType=0
    );
 
}





  footer {
width: 100%;
    padding-top: 14px;
   padding-bottom: 14px;
background: #ffffff;
background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 76%, rgba(241, 241, 241, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 76%, rgba(241, 241, 241, 1) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 76%, rgba(241, 241, 241, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F1F1F1", GradientType=0);
}

.footerlicense {
  padding-left: 266px;
  text-wrap: balance;
}

.footerver {
  padding-left: 266px;
color: #222222;
}

.main { 
  padding-top: 188px;
padding-left: 266px;
background: #ededed;
}

.mainbanner {
  width: 90%;
max-width: 800px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}  




.sidenav {
  margin-top: 98px;
  width: 222px;
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: #fff;
  padding-top: 0px;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  left: -250px;

  -webkit-transition: left 0.5s ease;
     -moz-transition: left 0.5s ease; 
       -o-transition: left 0.5s ease; 
          transition: left 0.5s ease; 
}

.sidenav.active {
  left: 0;
}

.sidenavicon {
height: 26px;
   padding: 10px;
  padding-left: 24px;
  margin-right:4px;
}


.topbarsearch {
    padding: 0px 8px;
    padding-top: 4px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 4px;
    background: #ededed;
    background: -webkit-linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDEDED", endColorstr="#F2F2F2", GradientType=0);
    height: 64px;
    border-bottom: 1px solid #dbdbdb;  
  margin-top:30px;
  
    width: 100%;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
    }
    
    .topbarlogo {
    padding-left: 6px;
    padding-right: 6px;
    height: 54px;
  
    }
    
    .searchboxtopbar {
    font-size: 18px;
    width: 35%;
    height: 35px;
    }
    
    
    .bluebtn {
          border: 2px solid #EBEBEB;
    border-radius: 2px;
    color: #fff;
       font-size: 18px;
    padding: 0px 16px;
background: #4a8cff;
background: -webkit-linear-gradient(0deg, rgba(74, 140, 255, 1) 0%, rgba(73, 140, 255, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(74, 140, 255, 1) 0%, rgba(73, 140, 255, 1) 100%);
background: linear-gradient(0deg, rgba(74, 140, 255, 1) 0%, rgba(73, 140, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4A8CFF", endColorstr="#498CFF", GradientType=0);
     border-color: #2C77F4;
    }
    
    .searchboxtopbar,
.bluebtn,
.topbarlogo {
    vertical-align: middle;
}
    
      
    .searchselectionbar {
    font-size: 14px;
    font-weight: normal;
    padding-top:8px;  
    padding-left: 266px;
    padding-right: 4px;
    background-color: #ffffff;
    height: 38px;
    border-bottom: 1px solid #e6e6e6;  
  margin-top:98px;
    width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
    }
    
    .searchselectionbarselected {
    font-weight: bold;
    border-bottom: 4px solid #B3C53B;
    color: #000!important;
    }
     
    .searchselectionbarselectedblue {
    font-weight: bold;
    border-bottom: 4px solid #65a1fa;
    color: #000!important;
    }
    
     .searchselectionbarselectedred {
    font-weight: bold;
    border-bottom: 4px solid #f37272;
    color: #000!important;
    }

    .searchselectionbar a {
    display: inline-block;  
    height: 35px;          
    line-height: 28px;         
    margin-right:16px;      
    padding-right:4px;  
    color: #2D2D2D;       
    text-decoration: none;
    }
    
    .footer {
    padding: 14px;
    padding-left: 176px;
    font-size: 14px;
    font-weight: normal;
    padding-right: 4px;
    background: #ededed;
    background: -webkit-linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(242, 242, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDEDED", endColorstr="#F2F2F2", GradientType=0);
    border-top: 1px solid #dbdbdb;  
    }
    
    
    .searchresult {
    margin-top:4px;
    font-weight: normal;
    }
    
    .searchresult h3 {
    color: #1C10BD;
    text-decoration: underline;
    margin-bottom:4px;
    font-weight: bold;
    }
    
    .resulturl {
     margin-bottom:4px;
     margin-top:0;
     color: #268f15;
    }
    
    .resultdesc {
     margin-bottom:4px;
     margin-top:0;
    }     
    
    #results {
    padding-left: 176px;
    }
.sidebarshit {
  cursor: pointer;
  padding:0;
  margin:0;
  background: #ffffff;
  color: #fff;
height: 46px;
  width:100%;
}

.sidebarshit span {
  font-size:18px;
  position: relative;
  top: -17px; 
}


.appssidenav:hover {
background: #B3C53B;
color: #fff !important;
}

.uploadsidenav:hover {
background: #CE5043;
color: #fff !important;
}

.downloadsidenav:hover {
background: #658092;
color: #fff !important;
}


.aboutsidenav:hover {
background: #1d4b69;
color: #fff !important;
}


.discordsidenav:hover {
background: #5E5CA6;
color: #fff !important;
}

.donatesidenav:hover {
background: #ffbe3d;
color: #fff !important;
}

.appcardcontainer {
    overflow-y: hidden;
height:275px;
width:90%;
}
.appcardcontainer2 {
width:90%;
}


.appcard {
   margin-top: 16px;
  margin-right: 12px;
  display: inline-block;
  overflow:hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  height: 245px;
width: 160px;
  cursor: pointer;
 background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.appcardimage {
   position: relative; 
  background: #fff;
  border-radius: 2px;
  overflow: hidden; 
width: 160px;
height: 160px;
}

.appcardimage:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.0);
  transition: background 0.25s ease;

  pointer-events: none;
}
.appcardimage:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.4); 
  transition: background 0.25s ease;

  pointer-events: none;
}

.appcardimage img {
  width: 70%;
  padding: 15%;
}

.appcard h1{
  padding-left:16px;
  font-family: "Roboto",Arial,sans-serif;
  font-weight:300;
font-size: 16px;
white-space: nowrap;
   line-height:1px;
  color: #111;
}

.appcard h2{
    padding-left:16px;
  font-family: "Roboto",Arial,sans-serif;
    font-weight:300;
font-size: 13px;
  line-height:8px;
white-space: nowrap;
  color: #444444;
}

.heading {
font-size: 28px;
  color: #333333;
}

.headingdesc {
  line-height:24px;
font-size: 16px;
  color: #333333;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 90%;
  margin: 18px 0 10px;
  color: #555;
  font-size: 14px;
  line-height: 30px;
}

.pagination a,
.pagination strong {
  display: inline-block;
  min-width: 30px;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #444;
  text-align: center;
  text-decoration: none;
}

.pagination a:hover {
  border-color: #b3c53b;
  background: #f5f8e7;
  color: #222;
}

.pagination strong {
  border-color: #b3c53b;
  background: #b3c53b;
  color: #fff;
}

.bgbehindappdetail {
    background: #D6D6D6;
background: -webkit-linear-gradient(0deg, rgba(214, 214, 214, 1) 0%, rgba(229, 229, 229, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(214, 214, 214, 1) 0%, rgba(229, 229, 229, 1) 100%);
background: linear-gradient(0deg, rgba(214, 214, 214, 1) 0%, rgba(229, 229, 229, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D6D6D6", endColorstr="#E5E5E5", GradientType=0);
      height: 340px;
      border-bottom: 1px solid #e6e6e6;
       padding-left: 266px;
    }
  
        
 .main4 {
  padding-left: 266px;
 
    }
    
 .main3 {
  padding-top: 100px;
  padding-left: 0;
  background: #ededed;
    }
      
      .main2 {
  padding-left: 266px;
  background: #ededed;
  }

  .sscontainer {
    width: 90%;
    overflow-x: auto;
    white-space: nowrap;
}
    
     .appicondetailscontainer {
      float:left;
   height: 320px;
      width: 320px;
    }
    
    .appicondetails {
    height:80%;
      width:80%;
      padding: 10%;
    }
    
    .textcontainerappdetail {
      padding-top: 64px;
      height: 256px;
      width:380px;
    float:left;
    }
    
    .appnamedetail {
      width:70%;
    color: #333;
font-size: 28px;
font-weight: 100;
line-height: 35px;
white-space: normal;
     
    }
    
    .devnamedetail {
    color: #8d8d8d;
      font-size: 13px;
       font-weight: 700;
    }
    
    .starsdetail {
    color: #737373;
    }
    
    hr {
      border: none;
      border-bottom: 1px #737373 solid;
    color: #737373;
    }
    p {
    color: #737373;
    }
    
    .installbtn {
      
    cursor: pointer;
      background-color: #b3c833;
      font-size: 14px;
height: 36px;
      width: 42px;
      font-weight: 700;
     padding-left:20px;
      padding-right:20px;
      color: #ffffff;
    }
    
    .installbtn span {
    line-height: 36px;
    }