/* 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:#de97ae8f;color:#bd7b91;}
::-moz-selection{background:#de97ae8f;color:#bd7b91;}

/* 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, 255, 255, 0);}
.scrollbar{position:relative;width:470px!important;height:382px!important;padding:0px 2px 0px 0px!important;border-radius:0px!important;overflow-y:scroll!important;transition:--var1 0.5s!important;}
.scrollbar:hover{--var1:#ed9eb78a!important;}
.scrollbar::-webkit-scrollbar{background:#fff0!important;width:5px!important;}
.scrollbar::-webkit-scrollbar-thumb{background:var(--var1)!important;border-radius:30px!important;}

/* TABS */
#Home, #Family, #Friends, #Gallery{position:absolute!important;top:506px!important;left:91px!important;z-index:5!important;}

/* HEADER 1 */
h1{color:#f0afc4!important;font-family:'Pacifico',cursive!important;font-weight:400!important;font-size:55px!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:#f0afc4!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 #f0afc4ba!important;width:70px!important;border-radius:100px!important;position:relative!important;text-align:center!important;display:block!important;}

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

/* BLOCKQUOTE */
blockquote{color:#d47d99!important;text-shadow:0px 0px 1px #e098afa7;background-color:#ee96b391!important;border-left:4px solid #eb9bb4!important;border-right:4px solid #eb9bb4!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:#ba8874!important;text-shadow:0px 0px 1px #c5958287;background-color:#cb978373!important;border-left:4px solid #cb9c89!important;border-right:4px solid #cb9c89!important;}

/* TEXTAREA */
h3{color:#ba8874!important;text-shadow:0px 0px 1px #c5958287;background-color:#cb978373!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:395px!important;padding:5px!important;margin:13px 0px!important;transition:all 0.9s ease!important;transition-delay:0.25s!important;}
.text:hover h3{color:#d47d99!important;text-shadow:0px 0px 1px #e098afa7;background-color:#ee96b391!important;letter-spacing:2px!important;}

/* LINK */
a{font-family:verdana!important;text-decoration:none!important;}
.link{color:#e394ae!important;text-shadow:0px 0px 1px #e6a0b78d;background:linear-gradient(to bottom, #e394ae, #e394ae) 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:#cb9984!important;text-shadow:0px 0px 1px #c78f77;text-align:justify!important;font-family:verdana!important;font-size:9px!important;letter-spacing:0.4px!important;}
h{color:#fff!important;text-shadow:0px 0px 1px #cb9984;background-color:#d5987f91!important;padding:1px 3px 1px 3px!important;letter-spacing:0.4px!important;}

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

/* FRIENDS */
.text2{color:#dc91a9!important;text-shadow:0px 0px 1px #f0afc474;font-family:Verdana!important;font-size:7.5px!important;font-weight:bold!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:2px!important;opacity:100%!important;}

.friends{display:flex;justify-content:center;text-align:center;text-align-last:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-bottom:15px;}
.friends a{margin-right:15px;text-decoration:none;}
.friends a:last-child{margin-right:0;}

.img2{width:90px!important;height:124px!important;opacity:100%!important;transition:all 0.8s ease!important;border-bottom:6px #fff0 solid!important;}
.img2:hover{border-bottom:6px #d07894 solid!important;opacity:50%!important;}