星 に 聴 か せ る
The stars call to me
About me
Hello you can call me fariticle or mei , im an istj 1w9 , I mostly like drawing or reading in my free time and im currently practicing digital art because it actually seems fun . My pronouns are she/her and im fourteen , im an aquarius !! Im pansexual and i speak polish and english . I hope you have a nice day!! :)
Do you hear them? The cosmos?
Before you Follow
slow replies, and use caps, i like classical music , and jpop and love to talk abt my favs ,sometimes it takes long to me understand what someone is saying , mostly i cant understand when someone says something ironically .
Do not interact if
Basic dni criteria , don't talk to me if ur 18+ unless u need something from me!!do not inferact if you're racist, trans/homophobic can't respect others, dislike favs, involved with fanwars, nsfw content,support pedo & incest.
I like and dislike
My friends , animals mostly cats, art , reading , my comfort characters , listening to music , sleeping , and i dislike doing nothing for too long , some subjects at school , people who mispronoun others on purpose , mean jokes
Let the constellations speak to you
.container { position: relative; font-family: BIZ UDMincho Medium; scrollbar-width: none; --global-border-color: hsl(141, 100%, 97%); --glow-1: hsl(147, 84%, 64%); --glow-2: hsl(221, 67%, 53%); --star-color-1: hsl(143, 82%, 82%); --star-color-2: hsl(207, 60%, 64%); --star-color-3: hsl(286, 99%, 43%); --star-color-4: hsl(30, 69%, 94%); --text-color-1: hsl(172, 56%, 59%); --text-color-2: hsl(214, 48%, 43%); --text-color-3: hsl(175, 62%, 88%); --text-color-4: hsl(189, 87%, 69%); --text-selection-color: hsl(197, 45%, 74%); --text-shadow-color-1: hsl(239, 67%, 33%); --text-shadow-color-2: hsl(209, 100%, 30%); --text-shadow-color-3: rgb(113, 172, 201); --text-shadow-color-4: hsl(229, 56%, 61%); --offblack: hsl(326, 100%, 3%); --user-media-1: url(https://proxy.everskies.com/a/https://i.pinimg.com/originals/37/3c/db/373cdb82bd0bcb236ca6e8178cd87071.gif); --user-media-1-bg-pos: 0px 0px; --user-media-1-overlay-color: rgba(0, 110, 255, 30%); --user-media-2: url(https://proxy.everskies.com/a/https://64.media.tumblr.com/9dd0f40a0495def26aa5d7478c10096c/tumblr_pj8q5sPrlX1vsp6s1o5_540.gifv); --user-media-2-bg-pos: 30px 0px; --user-media-2-overlay-color: rgba(0, 3, 41, 70%); --user-media-2-bg-filter: blur(3px); --user-media-3: url(https://proxy.everskies.com/a/https://c.tenor.com/NXQ8OEBqZ0EAAAAC/galaxy-stars.gif); --user-media-3-overlay-color: rgba(140, 0, 255, 60%); } *::-moz-selection { background: var(--text-selection-color); } *::selection { background: var(--text-selection-color); } .mainbox { width: 650px; height: 600px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 77px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; border: 1px solid var(--global-border-color); -webkit-box-shadow: inset 0px 0px 10px var(--glow-1), inset 0px 0px 30px var(--glow-2); box-shadow: inset 0px 0px 10px var(--glow-1), inset 0px 0px 30px var(--glow-2); } .header-star-wrapper { position: absolute; width: 160px; height: 160px; top: -78px; left: 245px; z-index: 3; } .header-star { margin-left: 41px; -webkit-filter: drop-shadow(0px 0px 8px var(--star-color-3)); filter: drop-shadow(0px 0px 8px var(--star-color-3)); -webkit-animation: float 1s infinite ease-in-out alternate, flicker 50ms infinite linear alternate; animation: float 1s infinite ease-in-out alternate, flicker 50ms infinite linear alternate; z-index: 3; } .header-star::before { content:""; position: absolute; left: 0; right: 0; display: block; margin-top: 40px; width: 80px; height: 80px; -webkit-transform: scale(10%, 160%) rotate(45deg); -ms-transform: scale(10%, 160%) rotate(45deg); transform: scale(10%, 160%) rotate(45deg); background: -o-linear-gradient(315deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); background: linear-gradient(135deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); } .header-star::after { content:""; position: absolute; left: 0; right: 0; display: block; margin-top: 40px; width: 80px; height: 80px; -webkit-transform: scale(160%, 10%) rotate(45deg); -ms-transform: scale(160%, 10%) rotate(45deg); transform: scale(160%, 10%) rotate(45deg); background: -o-linear-gradient(45deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); background: linear-gradient(45deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); } .header-star-fx { position: absolute; top: 70px; left: 30px; width: 20px; height: 20px; border-radius: 100%; background: var(--star-color-4); -webkit-filter: blur(5px); filter: blur(5px); z-index: 4; } .footer-star-wrapper { position: absolute; width: 160px; height: 160px; top: 523px; left: 245px; z-index: 3; } .footer-star { width: 80px; margin-left: 41px; -webkit-filter: drop-shadow(0px 0px 8px var(--star-color-3)); filter: drop-shadow(0px 0px 8px var(--star-color-3)); -webkit-animation: float 1s -400ms infinite ease-in-out alternate, flicker 50ms infinite linear alternate; animation: float 1s -400ms infinite ease-in-out alternate, flicker 50ms infinite linear alternate; } .footer-star::before { content:""; position: absolute; left: 0; right: 0; display: block; margin-top: 40px; width: 80px; height: 80px; -webkit-transform: scale(10%, 160%) rotate(45deg); -ms-transform: scale(10%, 160%) rotate(45deg); transform: scale(10%, 160%) rotate(45deg); background: -o-linear-gradient(315deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); background: linear-gradient(135deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); } .footer-star::after { content:""; position: absolute; left: 0; right: 0; display: block; margin-top: 40px; width: 80px; height: 80px; -webkit-transform: scale(160%, 10%) rotate(45deg); -ms-transform: scale(160%, 10%) rotate(45deg); transform: scale(160%, 10%) rotate(45deg); background: -o-linear-gradient(45deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); background: linear-gradient(45deg, rgba(0,0,0,0) 10%, var(--star-color-2) 30%, var(--star-color-1) 40%, var(--star-color-1) 60%, var(--star-color-2) 70%, rgba(0,0,0,0) 90%); } .footer-star-fx { position: absolute; top: 70px; left: 30px; width: 20px; height: 20px; border-radius: 100%; background: var(--star-color-4); -webkit-filter: blur(5px); filter: blur(5px); z-index: 4; } .header { margin-top: 20px; position: absolute; color: var(--text-color-1); font-size: 30px; text-align: center; -webkit-animation: float 1s -1800ms ease-in-out infinite alternate; animation: float 1s -1800ms ease-in-out infinite alternate; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; } .headertxt { -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; text-shadow: 2px 3px 0px var(--text-shadow-color-1); } .headertxt:hover { color: var(--text-color-2); } .innerbox { overflow-x: visible; width: 550px; height: 470px; margin-top: 100px; position: relative; } .eyecatcher-container-1 { width: 550px; height: 150px; position: relative; z-index: 5; } .flavortext { position: absolute; font-size: 12px; font-family: BIZ UDGothic; letter-spacing: 3px; top: -14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--global-border-color); } .flavortext:nth-child(1) { font-style: italic; letter-spacing: 3px; } .flavortext:nth-child(4) { right: 0; } .flavortext:nth-child(7) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 147px; right: 0; font-style: italic; color: var(--text-color-4); } .flavortext-2 { position: absolute; font-size: 12px; font-family: BIZ UDGothic; letter-spacing: 3px; top: 208px; z-index: -1; right: 0; color: var(--global-border-color); } .leftarea-1 { width: 200px; height: inherit; position: absolute; left: 1px; background: var(--user-media-1); background-size: cover; background-position: var(--user-media-1-bg-pos); -webkit-clip-path: polygon(0 0, 100% 0%, 150px 150px, 0% 100%); clip-path: polygon(0 0, 100% 0%, 150px 150px, 0% 100%); z-index: 5; } .leftarea-1::after { content:""; display: block; width: 100%; height: 100%; background: var(--user-media-1-overlay-color); mix-blend-mode: overlay; } .leftarea-1-outline { width: 227px; height: 152px; position: absolute; left: 0px; top: -1px; background: var(--global-border-color); -webkit-clip-path: polygon(0 0, 203px 0, 152px 152px, 0 100%); clip-path: polygon(0 0, 203px 0, 152px 152px, 0 100%); z-index: 4; } .rightarea-1 { width: 384px; height: inherit; position: absolute; right: 1px; background: var(--user-media-2); background-position: var(--user-media-2-bg-pos); background-size: cover; -webkit-clip-path: polygon(52px 0, 100% 0%, 100% 100%, 1px 150px); clip-path: polygon(52px 0, 100% 0%, 100% 100%, 1px 150px); z-index: 5; } .rightarea-1-outline { width: 388px; height: 152px; position: absolute; float: right; right: 0px; top: -1px; background: var(--global-border-color); -webkit-clip-path: polygon(54px 0, 101% 0, 101% 100%, 2px 152px); clip-path: polygon(54px 0, 101% 0, 101% 100%, 2px 152px); z-index: 4; } .text-wrapper-1 { width: 100%; height: 100%; display: block; position: relative; color: var(--text-color-3); text-align: right; text-shadow: 2px 1px 1px var(--text-shadow-color-2); overflow: auto; -webkit-backdrop-filter: var(--user-media-2-bg-filter); backdrop-filter: var(--user-media-2-bg-filter); background-color: var(--user-media-2-overlay-color); } .text-wrapper-1 div { position: absolute; padding: 5px; right: 0; width: 333px; } .text-wrapper-1 div::first-letter { font-size: 2em; color: var(--text-color-1); } .text-wrapper-1::-webkit-scrollbar { width: 0px; } .infoareacontainer { width: 550px; height: 200px; position: absolute; top: 170px; } .infoarea { width: inherit; height: inherit; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .infobox1 ,.infobox2,.infobox3 { width: 50%; height: inherit; position: relative; overflow: hidden auto; float: left; border: 1px solid var(--global-border-color); } .infobox1::-webkit-scrollbar ,.infobox2::-webkit-scrollbar,.infobox3::-webkit-scrollbar { width: 0px; } .infobox2 { margin: 0 11px; } .infobox1header, .infobox2header, .infobox3header { width: 159px; margin: 4px auto; position: sticky !important; top: 4px; padding: 2px; font-weight: bold; color: var(--offblack); text-shadow: 2px 1px 1px var(--text-shadow-color-3); background-color: var(--global-border-color); -webkit-box-shadow: 0px 0px 0px 4px var(--offblack); box-shadow: 0px 0px 0px 4px var(--offblack); -webkit-transition: 600ms; -o-transition: 600ms; transition: 600ms; } .infobox1header::-moz-selection, .infobox2header::-moz-selection, .infobox3header::-moz-selection { color: var(--global-border-color); } .infobox1header::selection, .infobox2header::selection, .infobox3header::selection { color: var(--global-border-color); } .infobox1header { text-align: left; } .infobox2header { text-align: center; } .infobox3header { text-align: right; } .infobox1header:hover, .infobox2header:hover, .infobox3header:hover { letter-spacing: 3px; } .infobox1text, .infobox2text, .infobox3text { padding: 4px; display: block; color: var(--global-border-color); text-shadow: 2px 1px 1px var(--text-shadow-color-4); } .infobox1text::first-letter, .infobox2text::first-letter, .infobox3text::first-letter { font-size: 2em; } .eyecatcher-container-2 { width: 550px; height: 80px; margin-top: 21px; background: var(--user-media-3); background-size: cover; border: 1px solid var(--global-border-color); } .eyecatcher-container-2::after { content:""; display: block; width: 100%; height: 100%; background: var(--user-media-3-overlay-color); mix-blend-mode: overlay; } @-webkit-keyframes float { from {-webkit-transform: translateY(0px);transform: translateY(0px);} to {-webkit-transform: translateY(-5px);transform: translateY(-5px);} } @keyframes float { from {-webkit-transform: translateY(0px);transform: translateY(0px);} to {-webkit-transform: translateY(-5px);transform: translateY(-5px);} } @-webkit-keyframes flicker { from {opacity: 85%;} to {opacity: 100%;} } @keyframes flicker { from {opacity: 85%;} to {opacity: 100%;} }