*{
box-sizing:border-box;
margin:0;
padding:0;
border:none;
outline:none;
}
.slide{display:none;animation:fade 1.5s;}
/* Slideshow container */
.slideBox{
position:relative;
top:0px;
left:0;
right:0;
margin:auto;
width:98%;
height:auto;
text-align:center;
background-color:#fff;
background-image:url(../images/slider.png);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
border:solid;
border-radius:8px;
}
.btnSlider{
position:absolute;
top:50%;
cursor:pointer;
padding:8px;
margin:auto;
font-weight:bold;
transition:0.6s ease;
user-select:none;
}
#next{right:0;}
#prev{left:0;}
@keyframes fade{
from{opacity:0.4} 
to{opacity:1}
}
.avatar{
width:80%;
margin:auto;
display:flex;
flex-wrap:nowrap;
flex-direction:column;
justify-content:center;
align-items:center;
}
.avatar p{
display:flex;
margin:auto;
text-align:center;
word-wrap:break-word;
word-break:break-all;
}
.avatar img{
width:90px;
height:90px;
object-fit:cover;
border-radius:50%;
margin:auto;
box-shadow:inset 1px -2px 8px rgba(0,0,255,0.5);
}

.numbertext{
width:auto;
position:absolute;
top:4px;
left:4px;
margin:auto;
}


.subject{
width:auto;
margin:8px auto !important;
padding:8px !important;
font-weight:bold;
text-align:center;
direction:rtl;
color:#fff;
background-image:-webkit-linear-gradient(90deg,#fff,#900,#f11,#900,#fff);
border:1px solid #009;
border-radius:8px;
}
.link a{
text-decoration:none;
color:#f00;
margin:auto;
display:none;
}
.link{
display:none;
}



.slide a:hover{color:aqua;}
.slide a:active{color:#00f;}