@import url('/fonts/fonts.css');

* {box-sizing: border-box;}

.offline {
    position: absolute;
    padding-left: 20px;
    color: red;
    font-family: serif;
    font-weight: bold;
    width:auto;
}
.mlock{
    bottom: 0;
    position: fixed;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: #f0f8ffab;
    z-index: 50;
    display:none;
}
#modalDisclaimer{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 40px;
    background-color: rgba(220, 190, 168, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    height: fit-content;
    max-width: 700px;

}
#btAcc{
    background-color: #3dad28;
    float: right;
}
#btDecl{
    background-color: #bd1f1f;
    float: left;
}
.diva {
    float: left;
    width: 25%;
    padding: 20px;
}
.diva *{
  max-width: 100%;
}
.divb{
  float: left;
  width: 50%;
  padding: 20px;
}
.divb *{
  max-width: 100%;
}

.txtal{
  text-align: center;
}
.rati:after {
    content: "";
    display: table;
    clear: both;
}

.maxh *{
  max-height: 140px;
  max-width: 100%;
}
@media screen and (max-width: 800px) {
    .diva {
        width: 100%;
    }

    .divb {
        width: 100%;
    }
}
#mt{
  background-color: #eaeaea;
  margin: 0 auto;
  padding-bottom: 40px !important;
  max-width: 100%;
  border-radius: 30px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#mt:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
h1{
  text-align:center;
  font-family: "ADLaM Display", system-ui;
}
#htpb{
      text-align: center;
      font-family: "ADLaM Display", system-ui;
      font-weight: bold;
}
#htp{
  background-color: #f95151;
    position: fixed;
    bottom: 20px;
    border-radius: 20px;
    padding: 10px;
    width: 300px;
    display: none;
}
#htpa{
  text-align: center;
  font-size: 30px;
  font-family: fantasy;
  text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

}
#linkdiv{
  display: none;
}
.imm{
  display: block;
margin-left: auto;
margin-right: auto;
  max-width: 200px;
  padding: 20px;
}
button{
  display: block;
margin-left: auto;
margin-right: auto;
  padding: 20px;
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 15px;
  margin-bottom: 15px;
}
button:hover {
  background-color: RoyalBlue;
}
.btdiv button:nth-child(1) {
  background-color: #adadad !important;
  float: left;


}

.btdiv button:nth-child(1):hover {
  background-color: #9b9b9b !important;
}
.btdiv{
  display: block;
margin-left: auto;
margin-right: auto;
  max-width: 450px;
  padding: 20px;
}
.btdiv button:nth-child(2) {
  background-color: #e7c252 !important;
float: right;
}
.btdiv button:nth-child(2):hover {
  background-color: #d0b050 !important;
}
/* mie aggiunte */
.hide {display:none;}
#codename{
    text-align: center;
    font-family: courier;
    font-weight: bold;
    font-size: 12px;
    margin: 1em;
}
.rati{font-family:courier;}
.descr{font-family:courier;text-align:center;}
.release{margin:0 0 0 1em;}
p {font-family: "Pier Sans", system-ui;}
a {color:#008;text-decoration:none;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
a:hover {text-decoration:underline;cursor:pointer;}
.linkbox {
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.linkbox:hover {
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    background-color: rgba(0,255,0,.2);
    border-radius:20px;
}
.scalehover {
    transition: .1s ease-in-out;
}.scalehover:hover {
    transform: scale(1.05);
    transition: .1s ease-in-out;
}
form{display:none;}

ins.adsbygoogle {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 15px;
}

.mybtn {
  cursor: pointer;
  text-align: center;
  padding: 4%;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.mybtn:hover, .mybtn.active {
  padding: 6%;
  color: white;
  background: #ff6e40;
  text-decoration: none;
}
.mybtn.redbtn {
  border: 2px solid #c55;
}
.mybtn.redbtn:hover, .mybtn.redbtn.active {
  background: #c55;
}
.mybtn img {
  float: left;
  margin-right: 5px;
}

#iframe404 {
  height: 0;
  border: 2px solid transparent;
  transition: 2s ease;
}

/*blacking*/
a.darken {top:0;right:0;padding:10px 10px 12px 10px;position:fixed;}
a.darken:hover {text-decoration:none;}
a.darken:focus {transform:rotate(180deg);}
body.dark {background: #333;}
body.dark h1 {color: white;}
body.dark .diva a {color:#bbb;}
body.dark #mt {background-color:#bbbbbb;}
body,h1 {transition:.8s;}

/*vpn*/
div.vpnref:hover{
    background-color: #3fb563;
    color:white;
}