Hello and welcome. I am just a random human being who's only job is to add more whimsy into this mundane life. Well, this will be my escape from the fast-paced world that we live in.

<!-- (c) Layout created by (  vhee a) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

p{
    color:#0076a8;
    text-align:center;
    font-family:'PT Mono';
    font-size:12px;
}

h1,h2,h3,h4,h5{
    color:#0076a8;
    text-align:center;
    font-family:'Press Start 2P';
    font-size:12px;
}

body{
    background:#000 url("https://i.ibb.co/QFPsKWN4/75e0a343ae11cbd2627ba1e3b6fe17d3.jpg") center center fixed;
    background-size:cover;
}

main{
    background:none;
}

.general-about{
    border:double #6baedb 4px;
    padding:10px;
    height:217px;
    background:rgba(235,247,255,.78);
}

.general-about .profile-pic img{
    border:solid #6baedb 3px;
}

.contact .inner{
    border:double #6baedb 4px;
    background:rgba(235,247,255,.78);
}

:root{
    --logo-blue:;
    --darker-blue:white;
    --lighter-blue:;
    --even-lighter-blue:;
    --lightest-blue:;
    --dark-orange:white;
    --light-orange:;
    --even-lighter-orange:;
    --green:;
}

.mood{
    margin-top:10px;
    margin-bottom:3px;
    border:double #6baedb 4px;
    padding-left:10px;
    padding-top:5px;
    background:rgba(235,247,255,.78);
}

.profile .left .table-section .inner{
    border:double #6baedb 4px;
    padding-left:7px;
    padding-bottom:5px;
    padding-top:5px;
    background:rgba(235,247,255,.78);
}

.blog-preview{
    margin-top:32px;
    border:double #6baedb 4px !important;
    padding:10px !important;
    background:rgba(235,247,255,.78) !important;
}

.blog-preview .inner,
.blog-preview .blog-list,
.blog-preview .blogs{
    border:none !important;
    background:transparent !important;
}

.blog-preview h4,
.blog-preview h5,
.blog-preview a{
    font-size:14px !important;
    color:#0076a8 !important;
    font-family:'PT Mono', monospace !important;
}

.blurbs .inner{
    border:double #6baedb 4px;
    padding-left:10px;
    padding-top:10px;
    background:rgba(235,247,255,.78);
}

.friends .inner{
    border:double #6baedb 4px;
    padding-left:10px;
    padding-top:10px;
    margin-bottom:20px;
    background:rgba(235,247,255,.78);
}

table.comments-table{
    display:block;
    height:250px!important;
    overflow-y:scroll;
}

.url-info{
    border:var(--borders)!important;
    background:rgba(235,247,255,.78);
}

:root{
    --borders:double #6baedb 4px;
    background:rgba(235,247,255,.78);
}

nav .links{
    border:var(--borders);
    text-align:center;
    font-size:13px;
    font-family:'PT Mono';
    background:rgba(235,247,255,.78);
}

.top{
    border:var(--borders);
    margin-bottom:10px;
    font-family:'PT Mono';
    font-size:13px;
    background:rgba(235,247,255,.78);
}

.profile h1{
    text-align:center;
}

/* contact icons */

.contact .inner a img{
    font-size:0;
}

.contact .inner a img:before{
    font-size:1em;
    display:block;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{content:"˚🪞˚";} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{content:"ִֶָ🪽་༘";} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{content:"ᯓ 💌";} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{content:"❀";} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{content:"⌯⌲";} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{content:"ཐི༏ཋྀ";} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{content:"ִֶ🐇་༘";} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{content:"ִֶ🐇་༘";}

footer{
    border:var(--borders);
    font-size:10px !important;
    font-family:'PT Mono', monospace;
    background:none;
    margin-top:0 !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
}

main > footer,
.container footer{
    margin-top:0 !important;
}

footer a,
footer p,
footer div{
    margin:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
}

.friends .person img{
    border:solid #6baedb;
}

.profile .friends .person p{
    color:#0076a8;
    font-weight:normal;
}

.comments-table td img{
    border:solid #6baedb;
}

.comments-table td p{
    font-weight:normal;
}

.count{
    color:#0076a8;
}

button,
input,
optgroup,
select,
textarea{
    font-family:'PT Mono';
    font-size:12px;
    line-height:1.15;
    margin:0;
    background:#000;
    border:double #6baedb 3px;
    color:#0076a8;
}
</style>

<style>
body{
    cursor:url(https://i.imgur.com/n1OKJev.png), default;
}
</style>
<div class="y2k-player">
<div class="np">NOW PLAYING</div>
<div class="disc-area">
<img class="vinyl" src="https://i.ibb.co/vvZ8T9vz/Gramophone-Vinyl-LP-Record-PNG-Transparent-Clip-Art-Image.png" alt=""/>
<img class="cover" src="https://i.ibb.co/V06V7hVz/2d7d8f4454637b6b8938e951c7818b7f.jpg" alt=""/>
</div>
<div class="song"><b>Angel Wings</b><span>Madison Beer</span></div>
<iframe width="240" height="135" src="https://www.youtube.com/embed/4kp_RCn8A08?controls=1&modestbranding=1&rel=0&fs=0" title="Angel Wings - Madison Beer" frameborder="0" allow="encrypted-media; picture-in-picture" allowfullscreen=""></iframe>
</div>

<style>
.y2k-player{position:fixed;right:20px;bottom:20px;width:260px;background:linear-gradient(180deg,#ffffff,#e6f6ff);border:3px double #6baedb;padding:10px;z-index:99999;box-shadow:0 0 18px #9fd8ff;font-family:'PT Mono',monospace}
.np{text-align:center;color:#0076a8;letter-spacing:2px;font-weight:bold;margin-bottom:8px}
.disc-area{position:relative;height:120px;margin-bottom:8px}
.vinyl{position:absolute;right:5px;width:110px;animation:spin 4s linear infinite}
.cover{position:absolute;left:40px;top:10px;width:85px;z-index:2;border:2px solid #6baedb}
.song{text-align:center;color:#0076a8;margin:8px 0}
.song b{display:block;font-size:15px}
.song span{display:block;font-size:11px;color:#0076a8}
iframe{width:100%;border:2px solid #6baedb;border-radius:10px;background:#fff}a
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
</style>

<style>
/* Rounded */
.general-about,.contact .inner,.mood,.profile .left .table-section .inner,.blog-preview,.blurbs .inner,.friends .inner,.url-info,nav .links,.top,footer,.comments-table,.y2k-player,iframe,.general-about .profile-pic img,.friends .person img,.comments-table td img{border-radius:18px!important;overflow:hidden}
.cover{border-radius:12px}.y2k-player{border-radius:20px!important}
.container,main{position:relative;z-index:1}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:url('https://i.ibb.co/3y8qyLJQ/1000014484-removebg-preview.png') 5% 8%/130px no-repeat,
url('https://i.ibb.co/3y8qyLJQ/1000014484-removebg-preview.png') 70% 15%/90px no-repeat,
url('https://i.ibb.co/3y8qyLJQ/1000014484-removebg-preview.png') 25% 60%/110px no-repeat,
url('https://i.ibb.co/3y8qyLJQ/1000014484-removebg-preview.png') 80% 78%/140px no-repeat;
animation:cloudMove 80s linear infinite;opacity:.9}
@keyframes cloudMove{from{transform:translateX(-120px)}to{transform:translateX(120px)}}
</style>

<style>
/* Force all white text to theme blue */
body, p, span, div, td, th, li, a, strong, b, small,
h1,h2,h3,h4,h5,h6,
.profile-name,
.count,
footer,
nav,
.top{
color:#0076a8 !important;
}
</style>

<style>
.comments-table button,
.comments-table input[type="submit"],
.comments-table input[type="button"],
.comment-replies button,
.comment-replies input[type="submit"],
.comment-replies input[type="button"],
input[value="Add Comment"],
input[value="Delete"],
input[value="Reply"]{
background:transparent!important;
background-color:transparent!important;
color:#0076a8!important;
border:double #6baedb 3px!important;
border-radius:12px!important;
box-shadow:none!important;
}
.comments-table td,
.comments-table .comment-actions,
.comments-table .actions,
.comments-table tr,
.comments-table table{
background:transparent!important;
}
</style>