/* STYLESHEET MADE BY GOTHLLY | GOTHLLY (C) 2019 TO PRESENT - ALL RIGHTS RESERVED
   Don't steal, edit, copy, trace, reference, claim as your own work, resell or revamp the design or coding of my stylesheet. You're warned! */ 

/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

/* FADE TRANSITION */
body{-webkit-animation:fadein 2s;/* Safari, Chrome and Opera > 12.1 */-moz-animation:fadein 2s;/* Firefox < 16 */-ms-animation: fadein 2s;/* Internet Explorer */-o-animation:fadein 2s;/* Opera < 12.1 */animation:fadein 2s;}@keyframes fadein{from{opacity: 0;}to{opacity:1;}}/* Firefox < 16 */@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}/* Internet Explorer */@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}}/* Opera < 12.1 */ @-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}  

/* SELECTION */
::selection{background:#ffaa7568;color:#ff7d4a;}
::-moz-selection{background:#ffaa7568;color:#ff7d4a;}

/* LINEBREAK */
br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/* SCROLLBAR */
@property --var1{syntax:"<color>";inherits:true;initial-value:rgba(255, 139, 191, 0.496);}
.scrollbar{position:relative;width:500px!important;height:362px!important;padding:0px 2px 0px 0px!important;border-radius:30px!important;overflow-y:scroll!important;transition:--var1 0.5s!important;}
.scrollbar:hover{--var1:#ff7db79e!important;}
.scrollbar::-webkit-scrollbar{background:#fff0!important;width:5px!important;}
.scrollbar::-webkit-scrollbar-thumb{background:var(--var1)!important;border-radius:30px!important;}

/* TABS */
#Home, #Friends, #Faq{position:absolute!important;top:817px!important;left:432px!important;z-index:5!important;}

/* HEADER 1 */
h1{background:linear-gradient(to left, #90cbe6 0%, #ffa9c4 40%, #ffd47d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-family:'Pacifico',cursive!important;font-weight:100!important;font-size:50px!important;text-shadow:0px 0px 10px #fff0;letter-spacing:0px!important;position:relative!important;left:-2px!important;margin:4px 0px 0px 0px!important;padding:0px 0px 15px 0px!important;line-height:1!important;display:inline-block!important;} 
span{color:#ff9b65!important;text-shadow:0px 0px 5px #fff0;font-family:verdana!important;font-weight:bold!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:1.5px!important;position:relative!important;left:1px!important;margin:-14px 0px 1px 0px!important;display:block!important;transition:all 0.7s ease!important;} 
.text:hover span{letter-spacing:4px!important;}

/* DIVIDER */
.divider3{border-bottom:5px solid #ff92594d!important;width:70px!important;border-radius:100px!important;position:relative!important;text-align:center!important;display:block!important;}

/* NORMAL TEXT */
.text{color:#fff!important;text-shadow:0px 0px 0px #fff0;text-align:justify!important;font-family:verdana!important;font-size:10.5px!important;}

/* BLOCKQUOTE */
blockquote{color:#f666a7!important;text-shadow:0px 0px 5px #fff0;background-color:#ff8bbf8f!important;border-left:4px solid #ff75b3!important;border-right:4px solid #ff75b3!important;width:250px!important;font-family:verdana!important;font-size:8.5px!important;font-weight:bold!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:2px!important;margin:12px!important;transition:all 0.7s ease!important;padding:8px!important;}
.text:hover blockquote{color:#5aa3e0!important;text-shadow:0px 0px 5px #fff0;background-color:#6cafe66e!important;border-left:4px solid #63aae3!important;border-right:4px solid #63aae3!important;}

/* TEXTAREA */
h3{color:#5aa3e0!important;text-shadow:0px 0px 5px #fff0;background-color:#6cafe66e!important;font-family:verdana!important;font-size:8.5px!important;font-weight:bold!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:3px!important;position:relative!important;width:476px!important;padding:5px!important;margin:13px 0px!important;transition:all 0.9s ease!important;transition-delay:0.25s!important;}
.text:hover h3{color:#f666a7!important;text-shadow:0px 0px 5px #fff0;background-color:#ff8bbf8f!important;letter-spacing:2px!important;}

/* LINK */
a{font-family:verdana!important;text-decoration:none!important;}
.link{color:#ff9b65!important;text-shadow:0px 0px 5px #fff0;background:linear-gradient(to bottom, #ff9b65, #ff9b65) 50% calc(100% - 1.5px) / 0 1.5px no-repeat;font-size:8.5px!important;font-weight:bold!important;letter-spacing:2px;text-align:center!important;text-transform:uppercase!important;text-decoration:none;padding:0px 0px 5px 0px;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;transition:all 0.35s ease-in-out;}
.link:hover,.link:focus{background-size:100% 2px;}

/* SIZES */
size1{font-size:10px!important;}
size2{font-size:15px!important;}
size3{font-size:20px!important;}
size4{font-size:25px!important;}
size5{font-size:30px!important;}

/* COLORS */
black{color:black!important;}
white{color:white!important;}
red{color:red!important;}
pink{color:pink!important;}
yellow {color:yellow!important;}
orange{color:orange!important;}
lime{color:lime!important;}
skyblue{color:skyblue!important;}
blue{color:blue!important;}
violet{color:violet!important;}

/* BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, HIGHLIGHT */
b, i, u, s{color:#62b4f8!important;text-shadow:0px 0px 5px #fff0;text-align:justify!important;font-family:verdana!important;font-size:9px!important;}
h{color:#fff!important;text-shadow:0px 0px 2px #fff0;background-color:#ff8bbf!important;padding:1px 3px 1px 3px!important;}

/* IMG */
.img1{opacity:100%!important;transition:all 0.8s ease!important;border-bottom:4px #fff0 solid!important;}
.img1:hover{border-bottom:4px #ff925c solid!important;opacity:50%!important;}