/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/11/2021, 10:21:20 PM
    Author     : mrnice
*/
#liv{border-radius: 25px}
.perro{font-size: 14px; color:#00FFFF; border-radius: 25px; background-color: #008080; opacity: .9; width: 60%}
body { padding-top:10px; padding-bottom: 7px; background-color: black; background-image: url(./bg2.gif); background-attachment: fixed; color: white; }
h1{color: #FFF; text-shadow: 0 0 0.15em #00FFFF;}
h2{color: red; text-shadow: 0 0 0.15em #FFFFFF;}
.icon {color: #00FFFF; font-size: 30px; text-shadow: 0 0 1.11em #FFF; } 
.check {color: #00FFFF; font-size: 30px; text-shadow: 0 0 1.11em #FFF; } 
.e {color: #00FFFF; font-size: 35px;text-shadow: 0 0 0.15em #FFF;  } 
p {font-size: 35px; font-family: Helvetica;}
.me{background-color: transparent; border-color: #008080; border-radius: 25px; -webkit-box-shadow: 0px 0px 15px #FFFFFF;}
nav{background-image: url(./bg2.gif); border-radius: 25px; -webkit-box-shadow: 0px 0px 15px #00FFFF; position: absolute; left: 10px; width: 96.6%;  }
.s{ color: #FFF; font-size: 20; text-shadow: 0 0 1.11em #00FFFF; font-family: Silkscreen;}
.x{ color: #00FFFF; font-size: 32; text-shadow: 0 0 1.8em #008080;}
.v{color:#008080;  border-top: 2px solid #008080; -webkit-box-shadow: 0px 0px 7px #FFFFFF; }
.s1{float: right}
.first{ border-left: 3px solid #008080;}
.se{ border-right: 3px solid #008080;}
.f2{ border-left: 3px solid #00FFFF;}
.s2{ border-right: 3px solid #00FFFF;}         
.to{ border-right: 3px solid #0F0; border-left: 3px solid #0F0;}         
.ima{opacity: .7; border-radius: 25px;}
ol{font-size: 30; color:white;}
.z{ color: #0F0; font-size: 35;text-shadow: 0 0 0.15em #FFFFFF;}

pre{ background-color: transparent;color:#00FFFF; font-size: 14px; border-radius: 30px;   }        
.ima2{   background-image: url(./DZ2pDrfEtFz_0cUOpOm4Zg_r.gif); background-attachment: fixed; background-repeat: round; }
#list{opacity: .6;}     ::-webkit-scrollbar {display: none;}
.oswa{ background-color: transparent;  font-size: 14px; color:#00FFFF; }   


            a:link {  color: #00FFFF;  text-shadow: 0 0 1.11em #FFF;;}
/* visited link */ a:visited {  color: #008080; text-shadow: 0 0 1.11em #FFFFFF;}
/* mouse over link */a:hover {  color: #008080; text-shadow: 0 0 1.11em #00FFFF;}
/* selected link */a:active {  color: white; text-shadow: 0 0 1.11em red;}



::-webkit-scrollbar {display: none;} /*evita ver scroll pero sigue activo*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FFF;
    opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FFF;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF;
}  


.button {
    position: relative;
    padding: .1em .1em;
    border: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    margin: .1em .1em;

}


.button.type3 {
    color: white;

}

.button.type3.type3::after, .button.type3.type3::before {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 60%;
    border: 2px solid;
    transition: all 0.6s ease;
    border-radius: 15px;
}
.button.type3.type3::after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #008080;
    border-right-color: #008080;

}
.button.type3.type3::before {
    top: 0;
    left: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: #008080;
    border-left-color: #008080;
}
.button.type3.type3:hover:after, .button.type3.type3:hover:before {
    border-bottom-color: #008080;
    border-right-color: #008080;
    border-top-color: #008080;
    border-left-color: #008080;
    border-radius: 15px;
    width: 100%;
    height: 100%


}