sofi

style> :root { --polaroid-name: ".:maxine:."; /* name displayed on polaroid */ --name-size: 1.6em; /* font size of name */ --toggle-displayname: none; /* change this to "initial" to restore display name */ } @font-face { font-family: 'teabeer'; src: url('https://fluorescent-lights.neocities.org/teabeer.ttf') format('truetype'); } .profile h1 { display: var(--toggle-displayname); } .general-about .profile-pic { position: relative; filter: drop-shadow(0 0 0.25rem gray); transform: rotate(4deg); margin: 0 20px 8px -5px; transition: transform .5s; } .general-about .profile-pic:hover { transform: scale(1.2) rotate(-3deg); } .general-about .profile-pic:before { content: var(--polaroid-name); font-family: 'teabeer'; font-size: var(--name-size); position: absolute; z-index: 2; bottom: -30px; left: 0px; width: 100%; text-align: center; } .general-about .profile-pic:after { content: ""; background: url('https://fluorescent-lights.neocities.org/polaroid.png'); position: absolute; background-size: contain; background-repeat: no-repeat; top: -5px; left: -5px; width: 170px; height: 210px; } .mood { margin-top: 50px; }