nana crd (neocities ver.)

<!-- paste this code on your neocities index. cr dollzito -->

<!DOCTYPE html>
<html>
<head>
<title>nana crd</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">

<style>
html {
width: 100vw;
height: 88vh;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
}

body {
font-family: 'Kosugi Maru', sans-serif;
background: radial-gradient(circle, #FFFFFF 50%, #FFF2F9 100%);
}

#main {
width: 27em;
height: 34em;
border: 1.5px solid #424242;
border-radius: 0 1.2em 1.2em 1.2em;
background: linear-gradient(180deg, #ffe8f5 0%, #FFFFFF 100%);
padding: 0.5em 1.2em 1em 1.2em;
margin: 0 auto;
-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.title {
font-family: 'ROMANTIC';
color: #f0a5cd;
font-size: 3.8em;
text-align: center;
text-shadow: -1.5px 0 #fff, 0 1.5px #fff, 1.5px 0 #fff, 0 -1.5px #fff, 0 0;
position: relative;
}

mark {
border-radius: 90%;
border: 1.5px solid #fff;
-webkit-filter: drop-shadow(0px 0px 1.5px #fff);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255, 232, 245,1) 50%, rgba(255,255,255,1) 100%);
padding-left: 1em;
padding-right: 1em;
font-family: 'ROMANTIC';
color: #f0a5cd;
position: relative;
z-index: 10;
}

img {
width: 90%;
position: relative;
bottom: 1em;
display: block;
margin-left: auto;
margin-right: auto;
}

.scroll {
height: 15.8em;
overflow-y: scroll;
text-align: center;
}

span {
color: #fff;
text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
}

.text {
font-size: 1.6em;
}

a {
color: #000;
}

@font-face {
font-family:'ROMANTIC';
src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF);
}

.fogmask {
-webkit-mask-image: url(https://i.ibb.co/JjDXBPr/ED5929-CE-1-D66-4-EC4-8-F8-A-14792-D8-F2384.png);
-webkit-mask-size: 110%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}

/* fade-in animation */

@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

html {
overflow: scroll;
overflow-x: hidden;
}

::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}

::-webkit-scrollbar-thumb {
background: transparent;
}
</style>
</head>

<body>
<div id="main">
<div class="title"><mark>.GirlyBlog.</mark></div>
<img src="https://cdn.discordapp.com/attachments/893309151785136153/962917428612956250/Picsart_22-04-11_00-28-05-507.jpg" class="fogmask">
<div class="scroll">
<div class="text">
<span>&#10022; BASIC INFO &#10022;</span><br> oii me chame de nalui ou nana 18 ela dela ace birromantica infp e pisciana <strong>find me</strong> <a href="link">retrospring</a> <a href="link">pin</a> <a href="link">whi</a> <a href="link">last.fm</a> <a href="link">referral</a> e <a href="link">carrd acc</a> <br><br> <span>&#10022; GUIDELINES &#10022;</span><br> falo sobre mim e meus interesses, seletiva pra seguir, mudo muito o layout da minha conta e meu carrd tambem, dou umas sumidas as vezes <br><br> <span>&#10022; INTERESTS &#10022;</span><br>  bts seokjin e hoseok tomorrow by together soobin e yeonjun <s>gfriend</s> viviz eunha <u>seori</u> bahiyyih + dua lipa audrey nuna salem ilese <em>more</em> <br><br>cr dollzito
</div>
</div>
</div>
</body>
</html>