body{background:#dcdcdc url("https://wapka-cdn.zuna.id/006q0j/f9f912d59bec3682b474b42c4a574473/bg-image.jpg");background-repeat:repeat;background-attachment:fixed;background-position:center;background-size:auto; margin:0px auto 0px; color:#000; font-size:13px; font-weight:400;font-family:sans-serif,helvetica,sans-serif;max-width:700px;margin:auto;}

img{display:inline-block;}


textarea{background-image:url("https://wapka-cdn.zuna.id/007m71/d055a1e8838a72d219f75078633c9d11/kindpng_4857239-picsay.png");background-repeat:repeat;background-position:center;background-size:auto;}

.toyok{
  display: inline-block;
  background-color: #FFF;
  color: white;
  animation: roll 8s infinite;
  transform: rotate(30deg);
opacity:10;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

ul{max-width:700px;margin:auto;}

.komento{background:#F4F4FF;padding:6px;border-top:1px solid #E0E0F5;border-bottom:1px solid #E0E0F5;}


.imgp{display:block;
    background:transparent url('https://wapka-cdn.zuna.id/007ip0/3fb0989fe9c592dc20320cf6fcac1f0e/minigif_20220621163830.gif');background-repeat:no-repeat;background-position:center;background-size:30% 30%;
    padding:8px;
    border:1px solid #ccc;
    box-shadow:5px 5px 5px #999;}

strong{font-size:20px;}


a{color:#005580; text-decoration:none; padding:2px;}


.link a{color:#4863A0;font-weight:700;}

.sweet{border:1px solid #dadada; border-radius:50%;}

div#profile-bg{background:#FFFFFA url("img.png");padding:5px;margin:4.5px;border:1px solid #c0c0c0;}

a:hover{font-weight:bold}

.pictv{background:#FFFFFF;padding:2px;border:1px solid #C0C0C0;}

.menus{position:fixed;width:25%;}


#head{height:auto;-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color:#0267aa;
padding:10.5px; vertical-align:top;margin:0px auto 0px;}



ul{list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:99999;margin:0px auto 0px;}



.point{background:#E6FFE6;border:1px solid green;color:green; padding:10px; border-radius:0px;margin:6px;}




div#head img{vertical-align:middle;padding:2px;}


.btn:focus{outline:none;background: transparent;color:#555;border:none;appearance: none;
box-shadow: none;text-shadow:none;}

.band{padding:2px;}

div#head a{color:#ffffff; padding:2px;}



#head a:hover,#head a:active{outset:none;inset:none;}

.boot{background:#EBEBEB;}


#foot{height:auto;-moz-border-radius: 0px;background:#0267aa;
    -webkit-border-radius: 0px;
    background-image:linear-gradient(to bottom, #0267aa, #1D1313 120%);
   color:#fff; padding:12.4px;font-weight:700;
   text-align: center; padding:12px; text-shadow:-1px 1px 1px #000;color:#fff;box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}


.themes input[type=image]{box-shadow: inset 0px -2px 1px rgba(0,0,0,0.8),
inset 0 2px 1px rgba(255,255,255,1);
background:#145082;border-radius:50%;border:3px solid #145082;outline:none;}




.ekes input[type=submit]{position:relative;display:inline-block;clear:both;background:transparent;color:red; font-weight:bold;border:none;outline:none;-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;}



.nav,.naver{padding:2px;height:auto;
background:#0267aa;

background-image: linear-gradient(to bottom, #0267aa, #1D1313 190%);color:#fff;}


.navs a{display:inline-block;}

.navs{display:inline-block;padding:7px 8px 5px;}

.notif{font-family: 'Roboto', sans-serif;background-color: #fa3e3e;
    border-radius: 50%;
    box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);text-shadow:-1px 0px 0.5px #000;
    color: #fff;padding:1px 2.8px;
    cursor: default;
    font-size:9px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right:auto;
    text-align: center;
    top:auto;
    -webkit-user-select: none;
    width: 10.8px; margin:-3px -10px 5px;}


.signals{position:relative;left:40px;}

.signalz{position:relative;left:80px;bottom:-20px;}

.navs a img{width:20px;}


.navs:hover{background:#1569C7;animation:float .2s ease-in-out infinite;color:#;font-weight:700;font-family:monospace;}@keyframes float{0%,100%{transform:none;}33%{transform:translateY(-1px) rotate(-2deg);}66%{transform:translateY(1px) rotate(2deg);}}@keyframes bounce{0%,100%{transform:translate(0);}25%{transform:rotateX(20deg) translateY(2px) rotate(-3deg);}50%{transform:translateY(-20px) rotate(3deg) scale(1.1);}}h1 span:nth-child(2){animation-delay:.05s;}h1 span:nth-child(3){animation-delay:.1s;}h1 span:nth-child(4){animation-delay:.15s;}h1 span:nth-child(5){animation-delay:.2s;}h1 span:nth-child(6){animation-delay:.25s;}h1 span:nth-child(7){animation-delay:.3s;}h1 span:nth-child(8){animation-delay:.35s;}h1 span:nth-child(9){animation-delay:.4s;}h1 span:nth-child(10){animation-delay:.45s;}h1 span:nth-child(11){animation-delay:.5s;}h1 span:nth-child(12){animation-delay:.55s;}h1 span:nth-child(13){animation-delay:.6s;}h1 span:nth-child(14){animation-delay:.65s;}}



.newchat {
	position: relative;
	background: #555;
	border-radius:.6em;
color:#E0F2F1;padding:3px;border:1px ridge #00695C;
}

.newchat a{color:#fff;}
.date{font-size:10px;font-style:italic;}

.newchat:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-bottom-color: #555;
	border-top: 0;
	margin-left: -7px;
	margin-top: -7px;}


#glow{box-shadow:0 0 1.5px lime;}



.msg{background:#FFFFF3;border-bottom:1px solid #FFFFA3;border-top:1px solid #FFFFA3;}



.speech-bubble {margin:4px;
background-color: #363F43;
border: 1px solid #dadada;
border-radius: 6px;
width: auto;
text-align:left;
padding: 10px;
position: absolute;}

.speech-bubble .arrow {
    border-style: solid;
    position: absolute;
}
 
.bottom {
    border-color:#dadada transparent transparent transparent;
    border-width: 8px 8px 0px 8px;
    bottom: -8px;
}


.bottom:after {
    border-color: #363F43 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0px 7px;
    bottom: 1px;
    content: "";
    position: absolute;
    left: -7px;
}



.table:hover{padding:0px;border:none;background:#fafafa;}



.blink-two{
      animation: blinker-two 3s linear infinite;
      }
      @keyframes blinker-two {  
      100% { opacity: 0; }
      }


.blink{
  animation: blinker 11s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


#nav img{width:20px;padding:0px;}



span.mode a:hover,span.mode img,span.mode img:hover{padding:0px none;}




#nav a:hover{padding:none;}


.profile_pict{margin-top:62px;vertical-align:bottom;background:#FFFFFF url('https://wapka-cdn.zuna.id/007ip0/3fb0989fe9c592dc20320cf6fcac1f0e/minigif_20220621163830.gif');background-repeat:no-repeat;background-position:center;background-size:30% 30%;
border:1px solid #c0c0c0; padding:2px; border-radius:50%; background-position:center;}





.iconphoto{position:absolute;margin-left:97px;margin-top:140px; opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}

.covered{clear:both;position:absolute;margin-left:6.5px;text-align:right;margin-top:4px;opacity:90%;border-radius:50%;border:2px solid #fff;padding-bottom:1px;padding-top:3px;padding-left:2px;padding-right:2px;background:#e4e5e2;vertical-align: middle; background-position:bottom;}





#nav a{color:#fff;}





#title{height:auto;-moz-border-radius: 0px;background:#0267aa;
    -webkit-border-radius: 0px;
background-image: linear-gradient(to bottom, #0267aa, #1D1313 120%);
   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;margin:3.6px;
box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}



#title_deks{height:auto;-moz-border-radius: 0px;background:#145082;
    -webkit-border-radius: 0px;
background-image: linear-gradient(to bottom, #145082, #1D1313 120%);
   color:#fff; padding:11px; text-shadow:-1px 1px 2px #000; font-weight:700;
box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}


.custom-search{position: relative;right:-12px;}
    #express-form-typeahead{background:url('/download/c798005f9c3cb72fd897dacff6e9add5/26192/ifriends+4webku+com/c2VhcmNoLTEyLTEyOC5wbmc=');background-position:5px center;background-repeat:no-repeat;background-size:15px;border:none;cursor:pointer;height:30px;padding:0 0 0 34px;position:relative;-webkit-transition:width 1.1s ease, background 1.1s ease;transition:width 1.1s ease, background 1.1s ease;width:0;}
    .close-search{display:none;-webkit-animation: fadeEffect1 2s;animation: fadeEffect1 2s;
    position: absolute;top:9px;right:9px;background-image: url('/image png');width: 15px;
    height: 15px;background-repeat: no-repeat;background-size: 15px;}
    #express-form-typeahead:focus{color:white;background-color:#808080;border:1px solid #e7e7e7;cursor:text;outline:0;width:190px;border-radius: 3px;}
    .search-btn{display:none;}
    input[type="search"]{-webkit-appearance:textfield;}
   /* Fade in tabs */
    @-webkit-keyframes fadeEffect1 {
        from {opacity: 0;}
        to {opacity: 1;}
    }
    @keyframes fadeEffect1 {
        from {opacity: 0;}
        to {opacity: 1;}
    }

.absolute.{position:absolute;right:60px;top:30px;}




input[type=text],input[type=password],textarea{outline:none;border-radius:6px;background:#fff;color:#808080;border:1px solid #c0c0c0;padding:10px;width:200px;-o-box-shadow:      12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555;
margin-bottom:4px;font-weight:normal;}



input[type=submit],.btn{height:auto;-moz-border-radius: 0px;outline:none;background:#0267aa;
    -webkit-border-radius: 0px;
    background-image: linear-gradient(to bottom, #0267aa, #000000 120%); font-weight:bold;padding:2px 10px;border-radius:3px;color:#fff;border:none; height:36px;width:auto;
box-shadow: inset 0 2px 3px 0 rgba(255, 255, 255, .3), inset 0 -3px 6px 0 rgba(0, 0, 0, .2), 0 3px 2px 0 rgba(0, 0, 0, .2);}






input[type=text]:hover,input[type=password]:hover,textarea:hover{outline:none;background:#fafafa;font-weight:normal;color:#555;}




input[type=file]{background:#fafafa;outline:none;border:1px solid #c0c0c0;max-width:90%; padding:2px; color:#555;margin:3px;}





textarea{outline:none;background:#fff; font-style:italic;color:#808080;border:1px solid #c0c0c0; padding:4px; width:96%; height:80px;-o-box-shadow:12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555; font-weight:normal;}





span.like:hover,span.like a:hover{background-image:url('/download/cadc5ec64be94f3e60c8d3e5cc0c6051/23525/ifriends+4webku+com/a2lzc3BuZy1jaGVjay1tYXJrLWNvbXB1dGVyLWljb25zLWNsaXAtYXJ0LWdyZWVuLXRpY2stNWFiZTZlMmRlMTg3MTMuOTU3Mjg2MjExNTIyNDI5NDg1OTIzOCAoMSljaGVjay5wbmc=');background-repeat:no-repeat;background-position:center;background-size:9px;}



.scroll{background: transparent;
  overflow: auto;
  white-space: nowrap;
}



.scrollmenu{text-align:center;
  background: transparent;
  overflow:auto;
white-space: nowrap;
  white-space: nowrap;
}
.photo-scroll{background:#000; padding:2px;border-radius:12px;}

.scrollmenu a {
  display: inline-block;
  color:#808080;
  text-align: center;
  padding: 1px;
  text-decoration: none;
}

.scrollmenu a:hover {
  background-color: transparent;
}




select{border-radius:6px;background:#fff; color:#808080; padding:8px; width:auto;margin-bottom:4px;-o-box-shadow:      12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555; font-weight:normal;}



.legend{display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}.fieldset{
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}



.fieldset img{max-width:65%;}



.signal{clear:both;position:absolute;margin-left:34px;margin-top:26px;border-radius:50%;padding:1px;background:#fff;}




.error{color:red; font-style:italic;}



div.icon img,div.icon{max-width:100px;}




div.picture img{background:#000000 url('https://wapka-cdn.zuna.id/007ip0/3fb0989fe9c592dc20320cf6fcac1f0e/minigif_20220621163830.gif');background-repeat:no-repeat;background-position:center;background-size:30% 30%;border:0.5px solid #c0c0c0;height:auto;border-radius:5px;}






form{margin:4px;}



.time{color:#566573; font-size:12px;font-style:italic;}





img{max-width:90%; border:none 0px;}







.page{padding:12px;}





.page a{height:auto;-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
background:#0267aa;
    background-image: linear-gradient(to bottom, #0267aa, #000000 120%);
    z-index: 1;border:1px solid #2C3539; color:#fff; padding:6px; padding-left:8px; padding-right:8px; font-weight:bold;}





.page span{border:1px solid #808080; color:#808080; padding:6px; padding-left:8px; padding-right:8px;font-weight:bold;}



.message{display:none;}


.login-form,.blog-form,.shout-form{background:#FFFFF8;border:1px solid #c0c0c0; padding:8px 6px 8px; margin:6px;border-radius:0px;}



.profile-form{background:#fffff8;border:1px solid #c0c0c0; padding:none; margin:6px;border-radius:0px;}




.chat-form{background:#FDF2E9;border:0.5px solid #A09587; border-radius:5px; padding:8px; margin:6px;-webkit-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);
-moz-box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);
box-shadow: 0px 2px 34px -7px rgba(85,85,85,0.53);}




.error,.announce,.ok{font-size:13px;color:#000;background:#FFFFF3;border:1px solid #9B9B49;padding:8px; margin:6px;border-radius:3px;}



.wows{background:#FAFAFA;border-radius:15px;padding:6px;border:1px solid #D8D8D8;color:#000;}


.wow a{color:#000;}


b{font-size:14px;}




.closed{font-style:italic;font-size:small;}



.center{text-align:center;}





.blog-comment{background:
#FDFFF7;color:#000;padding:8px 0px 8px;border-bottom:0.5px solid #D4D4D2;}



.blog-comment a{color:#000;}




.ok a:hover{font-weight:bold;}



.top_avatar{padding:3px; background:#fff;border-radius:50%;}



.border{border-bottom:1px solid #ccc;margin-bottom:3px;}



.text img{max-width:80%; padding:2px; margin-top:2px;overflow: hidden;}





.text{overflow:hidden;display:inline-block;}





.img,.img img{background:#000000 url('https://wapka-cdn.zuna.id/007ip0/3fb0989fe9c592dc20320cf6fcac1f0e/minigif_20220621163830.gif');background-repeat:no-repeat;background-position:center;background-size:30% 30%;padding:1px;border-radius:5px;}





.imgs,.imgs img{background:#000;padding:0.5px;border-radius:3px;
}



#shadows{-o-box-shadow:12px 12px 29px #555;
-icab-box-shadow:12px 12px 29px #555;
-khtml-box-shadow:12px 12px 29px #555;
-moz-box-shadow:12px 12px 29px #555;
-webkit-box-shadow:12px 12px 29px #555;
box-shadow:12px 12px 29px #555;
}



#shadow,#shadow img,#two,.two button,#anino{-o-box-shadow:12px 12px 29px #555;
-icab-box-shadow:12px 12px 29px #555;
-khtml-box-shadow:12px 12px 29px #555;
-moz-box-shadow:12px 12px 29px #555;
-webkit-box-shadow:12px 12px 29px #555;
box-shadow:12px 12px 29px #555;
}


.loader{max-width:700px;margin:auto;}




button:hover,button:fucos{background:#2C3539;}


.buttons,select{background:#FFFFFF;padding:5px;border:2px solid #808080;color:#3D3C3A;}

.buttons a{color:#555555;}

.buttons:hover{background:#28A828;color:white;}

.liker{background:#3b5998;}
.liker{padding:5px;border:2px solid #191970;color:#ffffff; background:#4863A0;}

.liker a{color:#ffffff;}

.liker:hover{background:#28A828;color:#ffffff;border:2px solid green;}

.pict{
  top:0px;
  left:0px;
  width:40;
  height:40;border-radius:50%; padding:2px; background:#fff;border:0.5px solid #808080;}





.hidden{display:none;}


span.del,span.del a{font-size:12px; color:#808080; font-weight:bold;}





span.del:hover a,.del:hover{color:red}





.forums{background:#FDF2E9;border:1px solid #c0c0c0; padding:6px;margin:4px;}



.blog-forms,.link{background:#fff;color:#555;border-radius:3px;padding:8px;border:1px solid #ABB2B9;margin:5px;-webkit-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);
box-shadow: 10px 10px 151px 0px rgba(0,0,0,0.31);}


.blog-forms a{color:#555; font-weight:bold;}


.blog-forms a:hover,.blog-forms a:active{color:#3b5998;}


.forums a{padding:6px;font-weight:bold;margin:2px;}


.announce img{max-width:65%;}




#create{display:none;}





.code{background:#CA6F1E;padding:6px;color:#fff;font-size:1em;font-weight:bold; overflow:scroll;}






.code textarea{width:96%; height:100px; padding:2px;border:3px solid #c0c0c0; overflow:scroll;}





hr{top:0;border: none;height:1px;background:#c0c0c0; }


.send{display:inline-block;padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:4px;}


.send a{text-align:center;
padding:2px;margin-bottom:none; display:inline-block;width:auto;font-weight:normal;color:#555;font-size:11px;}


.menu-img a{background:#E5E4E2;border:2px solid #000;padding:10px 11px 9px;border-radius:50%;margin-bottom:6px;}


.menu-img{display:inline-block;text-align:center;}


.menu-img a:hover{background:#DCFFDC;border-color:lime;border-radius:50%;}


.link-pict{vertical-align:center;top:0px;left:0px;right:0px;}


.rainheart,.rainheart a{text-transform: uppercase;color: #FF00FF;
    font-family: Arial,Helvetica, sans-serif;
    bold: ;
    text-shadow: -1px 0 #ff1493, 0 -1px #ff1493, 1px 0 #ff1493, 0 1px #ff1493;
    background-image: url(/download/35614900676f6c9858e0d34bfda57f56/29629/ifriends+4webku+com/aGFydC5naWY=);
    background-position: center center;
    background-repeat: repeat;
    padding: 1px 1px 1px 1px;
    border-radius: 3px;}



.pinky,.pinky a{text-transform: uppercase;color:pink;
    font-family: Verdana;
    font-weight: bold;
    text-shadow: -1px 0 #6495ed, 0 -1px #6495ed, 1px 0 #6495ed, 0 1px #6495ed;
    background-image: url(https://wapka-cdn.zuna.id/006wyi/adf81ca74b722fe5e9819a9fd89de937/bubbleheart.gif);
    background-position: center;
    background-repeat: repeat-x;
    padding: 1px 1px 1px 1px;
    border-radius: 3px;}



.nono,.nono a{text-transform: uppercase;color:blue;
    font-family:Times New Roman, Times, serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px red, 0 0 25px #008800, 0 0 8px #8400c1;
    background-image: url(https://wapka-file.zuna.id/006wyh/3a4a6e2bb3d1d480918d8ee3a5cf7834/agila.gif);
    background-position: center;
    background-repeat: repeat-x;
    margin: 0px 0px;
    padding: 1px 1px 1px 1px;
    border-radius: 3px;}


.zombie,.zombie a{text-transform: uppercase;
    font-weight: medium;
    color: #34344b;
    font-family: monospace;
    font-weight: bold;
    text-shadow: 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, 1px 1px 1px #ffffff, 1px 0px 2px #68004e, 0px 0px 3px #484848, 0px 0px 2px #484848, 0px 1px 3px #484848, 0px 1px 2px #484848, 0px 0px 4px #484848, 0px 0px 4px #484848, 0px 0px 5px #484848;
    background-image: url(https://wapka-cdn.zuna.id/006wyp/fc940b7bc77ec52e4bf4d523f722c071/zombie.gif);
    background-position: left center;
    border-radius: 3px;
    background-size: 25px;
    background-repeat: repeat-x;}


.goldy,.goldy a{text-transform: uppercase;color: #FFFFFF;
    font-family: Times New Roman, Times, serif;
    font-weight: bold;
    text-shadow: 0 0 5px #3a3100, 0 0 5px #3a3100, 2px 2px 4px #ffe201, 2px 2px 4px #ffe201, 0 0 5px #ffe201, 0 0 5px #c8a700, 2px 2px 4px #c8a700;
    padding: 1px 1px;
    border-radius: 3px;}


.bella,.bella a{text-transform: uppercase;color: #000000;
    font-family: Times New Roman, Times, serif;
    font-weight: bold;
    text-shadow: -1px 0 #ff1493, 0 2px #ff0000, 2px 0 #ff1493, 0 -1px #ff1493;
    background-image: url(/download/b03d078b859d32d6b12b3e491acaf978/29625/ifriends+4webku+com/YWdpbGEuZ2lm);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1px 1px;
    border-radius: 4px;}



.bloody,.bloody a{text-transform: uppercase;color: #dcdcdc;
    font-family: "Comic Sans MS", sans-serif;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-shadow: 0px 1px 0px #800000, 0px 1px 1px #f00, 0px 1px 2px #f00, 0px 1px 3px #e91e63, 0px -1px 0px #000, 0px -1px 1px #000, 0px -1px 2px #000, 0px -1px 3px #000, 1px 0px 0px #f00, 1px 0px 1px #f00, 1px 0px 2px #f00, 1px 0px 3px #e91e63, -1px 0px 0px #000, -1px 0px 1px #000, -1px 0px 2px #000, -1px 0px 3px #000, 0px 0px 5px #ffffff, 0px 0px 5px #f00;
    background-image: url(https://wapka-cdn.zuna.id/006wyk/f6c73426f166e01f83e4a5d058c84b7d/dugo.gif);
    background-position: bottom right;
    background-size: 40px;
    background-repeat: repeat-x;
    padding: 2px 4px 0px 4px;
    border-radius: 5px;}



.aqua,.aqua a{text-transform: uppercase; font-weight : medium; color: #C0C0DD;
font-family:monospace;font-weight: normal; 
text-shadow:1px 0px 1px #005081, -1px 0px 1px #005081, 0px 1px 1px #005081, 0px -1px 1px #005081, 1px 0px 0px #005081, 0px 1px 0px #005081;
background-image: url(https://wapka-cdn.zuna.id/006wyo/4a894bdba207c913c0c9784001aa295d/ulan.gif);
background-position: left center;
background-size: 38px;
background-repeat: repeat-x;}





.fire,.fire a{text-transform:uppercase;
color: #E8C100;
padding:1px 1px; 
border-radius:5px;
font-family:monospace;
font-weight: bold;text-shadow:1px 1px 0px #FF0000, 0px 1px 0px #FF0000, 1px 0px 0px #730000, 1px 1px 1px #FF4B4B, 1px 1px 2px #ff0000;background-image: url(https://wapka-cdn.zuna.id/006wyl/0b06678aff6c17204ce1b78e7c509032/fire.gif);
background-position: left center;
background-size: 55px;
background-repeat: repeat-x;}





.alien,.alien a{text-transform:uppercase;
font-weight : medium;
color: #fff;
font-family: monospace;
font-weight: normal;
text-shadow:1px 0px 0px #0B8849, -1px 0px 0px #0B8849, 0px 1px 0px #0B8849, 0px -1px 0px #0B8849, 1px 0px 1px #0B8849, -1px 0px 1px #0B8849, 0px 1px 1px #0B8849, 0px -1px 0px #0B8849, 0px 0px 4px #0B8849, 0px 0px 4px #0B8849, 0px 0px 5px #00ff7e;
background-image: url(https://wapka-cdn.zuna.id/006wyn/500ff3dec355c5b523cea89812659223/greenbubble.gif);
background-position: left center;
background-size: 85px;
background-repeat: repeat-x;}





.ghost,.ghost a{text-transform: uppercase;color:#C7FFF9; font-weight : medium; font-family:Times New Roman, Times, serif;font-weight: bold; text-shadow:1px 0px 1px #07006E, -1px 0px 1px #07006E, 0px 1px 1px #07006E, 0px -1px 1px #07006E, 0px -1px 2px #0E00D9, 0px -1px 2px #0D8EFF, 0px -1px 2px #00F7FF, 0px -1px 3px #99F5FF;
background-image:url(/download/23a741fa2f45791cd3462521042150b2/29564/ifriends+4webku+com/bGlnb25lLmdpZg==);
background-position: left center;background-size:120px;
background-repeat: repeat-x;border-radius:4px;}





.girly,.girly a{text-transform: uppercase;color:Yellow ; font-family:Comic Sans MS, sans-serif;font-weight:bold;text-shadow: 1px 1px 2px red, 0 0 25px #008800 , 0 0 8px #8400C1;background-image: url(https://wapka-cdn.zuna.id/006wym/d6ec2345c9b0478269b2d883778a3346/girly.gif); background-position:center; background-repeat: repeat; margin:0px 0px;padding: 1px 1px 1px 1px; border-radius:3px;}




.boy,.boy a{text-transform: uppercase;
font-weight : medium; 
color: #FFF78A;
font-family:monospace;
font-weight: bold; 
text-shadow:0px 1px 2px #2B00FF, 0px -1px 2px #00FF66, 1px 0px 2px #FF0000, -1px 0px 2px #B545FF;
padding:1px 1px; 
border-radius:3px;
background-image: url(/download/391c5f953a77f6ddf639b5e62bb75c3e/29565/ifriends+4webku+com/c3RhcmJveS5naWY=);
background-position:center center; 
background-size: 35px;
background-repeat: repeat-x;}






.vis{display:none:my_name:;}






/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}






/* Center the image and position the close button */
.imgcontainer {top:0;
  text-align: center;
  margin: 14px 0 12px 0;
  position: relative;
}






img.avatar {
  width: 35%;
  border-radius: 50%;
}






.container {padding: 5px;
}






span.psw {
  float: right;
  padding-top: 16px;
}



div.modal-contentder{height:auto;max-width:auto;top:0;
  background: transparent;
 margin: 15% auto;  15% from the top and centered */
  padding: 3px;
  border:none;
  width: 100%;  Could be more or less, depending on screen size */}


div.modal-contents{height:auto;max-width:168px;top:0;
  background: transparent;
 margin: 15% auto;  15% from the top and centered */
  padding: 3px;
  border:none;
  width: 100%;  Could be more or less, depending on screen size */}



div.modal{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:1; /* Sit on top */
  left: 0;
  top:0;bottom:0%;
  width:100%; /* Full width */
  height:100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modals{width:90%;max-width:550px;margin:0px auto 0px;background:#FDF2E9;border: 0.5px solid #000;padding:2px;border-radius:10px;}



/* Modal Content/Box */
.modal-content{max-width:550px;width:100%;border-radius:10px; height:auto;bottom:0;
  background-color: #FDF2E9;-o-box-shadow:12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555;
 margin:6% auto 15%; /* 5% from the top and centered */
  padding: 3px;
  border: 1px solid #888;
  width: 90%; /* Could be more or less, depending on screen size */
}









/* The Close Button (x) */
.close{padding:0px 7.5px 0px;
  position:absolute;
  right: 18.5px;
  top:5px;text-shadow:0px 0.5px 0px #ffffff;
  color:red;
  font-size: 26px;
  font-weight: bold;
margin-bottom:50px;
vertical-align:top;
}





.close:hover,
.close:focus {
  color: #D50000;
  cursor: pointer;
}






/* Add Zoom Animation */
.animate{
  -webkit-animation: animatezoom 0.9s;
  animation: animatezoom 0.9s
}






@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}




 
  to {-webkit-transform: scale(1)}





}





  
@keyframes animatezoom {
  from {transform: scale(0)}




 
  to {transform: scale(1)}





}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }




}




}




}




}




}





}
.bt {width:3px;height:30px;}