/* 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! */ 

/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&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:#4c37379a;color:#d6b7bc;}
::-moz-selection{background:#4c37379a;color:#d6b7bc;}

/* 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:368px!important;height:254px!important;border-radius:0px!important;overflow-y:scroll!important;transition:--var1 0.5s!important;}
.scrollbar:hover{--var1:#e671898f!important;}
.scrollbar::-webkit-scrollbar{background:#fff0!important;width:5px!important;}
.scrollbar::-webkit-scrollbar-thumb{background:var(--var1)!important;border-radius:30px!important;}

/* TABS */
#Home, #About, #Faq{position:absolute!important;top:678px!important;left:104px!important;z-index:5!important;}

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

/* HEADER 1 */
h1{color:#ff94ab!important;font-family:'UnifrakturMaguntia',cursive!important;font-weight:100!important;font-size:45px!important;text-shadow:0px 0px 10px #fd7d98;text-transform:none!important;text-align:center!important;letter-spacing:0px!important;position:relative!important;left:-2px!important;margin:25px 0px 0px 0px!important;line-height:12px!important;}
.text h1 span{color:#fff!important;font-family:verdana!important;font-weight:bold!important;font-size:7.5px!important;text-transform:uppercase!important;letter-spacing:2px!important;position:relative!important;left:4px!important;text-align:center!important;transition:all 0.7s ease!important;line-height:3!important;}
.text:hover h1 span{letter-spacing:4px!important;}

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

/* BLOCKQUOTE */
blockquote{color:#ffa0b5!important;background-color:#bc4e655e!important;font-family:verdana!important;font-size:8px!important;font-weight:bold!important;text-shadow:0px 0px 5px #e26781;text-align:center!important;text-transform:uppercase!important;letter-spacing:2px!important;margin:12px!important;transition:all 0.7s ease!important;
width:180px!important;border-left:4px solid #fd7d97!important;border-right:4px solid #fd7d97!important;padding:8px!important;}
.text:hover blockquote{color:#cab3b8!important;text-shadow:0px 0px 5px #e88197;background-color:#6d5a5e70!important;border-left:4px solid #d6adb6!important;border-right:4px solid #d6adb6!important;}

/* TEXTAREA */
h3{color:#cab3b8!important;background-color:#6d5a5e70!important;font-family:verdana!important;font-size:7.5px!important;font-weight:bold!important;text-shadow:0px 0px 5px #e88197;text-align:center!important;text-transform:uppercase!important;letter-spacing:3px!important;position:relative!important;width:350px!important;padding:5px!important;margin:13px 0px!important;transition:all 0.9s ease!important;transition-delay:0.25s!important;}
.text:hover h3{color:#ffa0b5!important;text-shadow:0px 0px 5px #e26781;background-color:#bc4e655e!important;letter-spacing:2px!important;}

/* LINK */
a{font-family:verdana!important;text-decoration:none!important;}
.link{color:#fff!important;text-shadow:0px 0px 5px #ff5e81;background:#fff0!important;font-size:7.5px!important;font-weight:bold!important;letter-spacing:2px;text-align:center!important;text-transform:uppercase!important;padding:2px 5px!important;transition:all 0.5s ease!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;}
.link:hover{color:#4b282f!important;text-shadow:0px 0px 5px #32040d;background:#e4b0bb!important;padding:2px 5px!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;}

/* 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:#cbaab1!important;text-shadow:0px 0px 5px #ec6e89;text-align:justify!important;font-family:verdana!important;font-size:9px!important;}
h{color:#fff!important;text-shadow:0px 0px 2px #ffa5b5;background-color:#9f8489!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 #fd7d97 solid!important;opacity:50%!important;}