</head>
<body>
    <div id="container">    <script>
        function timeConverter(t) {     
            //var a = new Date(t * 1000);
            var a = new Date(parseInt(t));
            var today = new Date();
            var yesterday = new Date(Date.now() - 86400000);
            var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            var year = a.getFullYear();
            var month = months[a.getMonth()];
            var date = a.getDate();
            var hour = a.getHours();
            if (hour<10) {hour='0'+hour};
            var min = a.getMinutes();
            if (min<10) {min='0'+min};
            if (a.setHours(0,0,0,0) == today.setHours(0,0,0,0))
                return 'Today, ' + hour + ':' + min;
            else if (a.setHours(0,0,0,0) == yesterday.setHours(0,0,0,0))
                return 'Yesterday, ' + hour + ':' + min;
            else if (year == today.getFullYear())
                return date + ' ' + month + ', ' + hour + ':' + min;
            else
                return date + ' ' + month + ' ' + year + ', ' + hour + ':' + min;
        }
        function addStyleString(str) {
            var node = document.createElement('style');
            node.innerHTML = str;
            document.body.appendChild(node);
        }    
    </script>
        <style>/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth638.cur), auto !important;} /* End https://www.cursors-4u.com */
.logo{
      font-size:0;
}
.logo::after{
    content:" ❤️‍🩹♥️i love you rain 💖💘💞";
    text-shadow: 1px 1px 5px white;
    color: white;
    line-height: 10px;
    font-size: 20px;
    padding: 70px;
}
body {
    background-image: url(https://media1.tenor.com/images/b6829cb3569a724c620e8a100162c49b/tenor.gif?itemid=14721892);
    font-family: MS Gothic;
    color: floralwhite;
    background-size: 900px 600px;
    text-shadow: 0px 0px 5px;
    text-align: center;
}
.topRight {
    float: right;
    width: calc( 60% - 20px );
    padding: 10px;
}
.topLeft {
    float: left;
    width: calc( 40% - 20px );
    padding: 10px;
}
.rightHead {
    color: #CFE6D2;
    padding-left: 4px;
}
h4 {
    color: #D3E9D5;
    margin-bottom: 0px;
}
.rightHead {
    background: none;
    padding-left: 4px;
}
div#header {
    color: white;
    background-color: #f7beb5;
    background-image: url(https://i.pinimg.com/originals/54/58/30/5458303d91ff080f07a7884b9f6ff2a7.gif);
    text-align: center;
}
.tableRight {
    background: #93a792;
}
.tableLeft {
    background: #c8d6c2;
}
div#hSub {
    background: #8592839e;
}
.extended {
    border: 5px solid;
    border-radius: 5px;
    color: #dae8db;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}
.boxHead {
    background: #5d6f5d;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: #f0f9f0;
    padding-top: 7px;
}
#avatar {
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    border-radius: 100%;
    border: 3px solid #e7f1e7;
}
.box {
    border: 5px solid;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 1px 5px #c1cac2;
    background-color: #4e5d4ca6;
}
.fwiendFace img {
    width: calc( 100% );
    border: 4px solid #27352a;
    border-radius: 50%;
    background-position: center;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.short {
    margin-top: -15px;
    border: 5px solid;
    border-radius: 5px;
    box-shadow: 0px 1px 5px;
    background-color: #404e46;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #4c5d4d;
    color: #2f3e32;
    width: calc(100% - 10px );
    border: 1px solid #999;
}
.player::before {
    content: "";
    display: block;
    position: relative;
    height: 250px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://thumbs.gfycat.com/FabulousSphericalBoa-small.gif);
}
textarea, textarea:focus {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #422918;
    border-radius: 1pc;
    background-color: #e4efe5;
}
.url {
    background: url(https://i.redd.it/nckf63hy0ge31.png) no-repeat;
    position: fixed;
    right: 0;
    bottom: -15px;
    color: #ffffff00;
    background-size: 400px;
    height: 350px;
    width: 350px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}
.fwiendFace:hover, .tableLeft:hover {
    border-radius: 20px;
    transform: scale(1.1);
    background: #fffaff
url(https://i.pinimg.com/originals/50/15/7f/50157f642817c455e2ed7028e6ad31a8.gif);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #636363;
    border: 1px solid #fff;
    transition: 0.5s;
}
div#online {
    content: url(https://dl.glitter-graphics.com/pub/2084/2084421hy15tjrq0n.gif);
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
.blog {
    background-color: #485248;
    padding: 15px;
}
span#hUp::before {
    content: "Don't give attention to thoughts that make you feel bad ";
    animation: blinkingText 0.3s infinite !important;
    color: floralwhite;
}
@-webkit-keyframes blinkingText {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.waitingForConnection {
  -webkit-animation-name: blinkingText;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.8, 0.9, 1, 1);
  -webkit-animation-duration: 1.7s;
</style>
    <style>
        #header{all: unset;font-family: Arial;font-size: 15px;background: #003399;color: #fff;position: fixed;width: calc( 100% - 15px );height: 22px;padding: 5px;left: 0px;top: 0px;margin-bottom: 40px;border-bottom: 1px solid black;padding-left: 10px;padding-top: 6px;overflow: hidden;z-index: 300;}
        #hSub { all: unset; font-family: Arial;font-size: 15px;background: #6699cc;font-size: small;margin: 0px;padding: 5px; padding-top: 5px; padding-left: 5px;padding-left: 10px;padding-top: 4px;position: fixed;left: 0;top: 34px;width: calc(100% - 15px );color: #000;height: 15px;z-index: 300;}
        @media only screen and (max-width:768px){#header{height:51px}#hSub{top:63px}#hUp{float:left;left:0;font-size:small;position:fixed;top:35px}.sep{display:none}.topLeft{margin-top:30px}}
    </style>