.outer { border-width:7px; border-style:solid; border-image: url("https://foollovers.com/mat/baf/heart/he32-012-c.gif") 7 fill round; border-radius:15px; width: 115px; height: 115px; margin-top: 10px; } .inner { width: 100%; height: 100%; background-image: url('https://dolllia.neocities.org/Screenshot%202026-07-16%20125724.png'); background-size: cover; } .bg, .inner { box-sizing: border-box;} .bg { /* for plain background */ background: #FE82B624; /* vv for image background. remove if want plain */ background-image:url(https://i.imgur.com/Wy0Pm6R.jpg); background-repeat:repeat; background-size:cover; padding:12px; /* make number bigger/smaller for a bigger/smaller border */ width:50%; border:1px solid white; postition: relative; top:-8em; left: 138px; } .in { font-family: pixel; line-height:1.125em; background: #FFF; color: #000; padding:5px; border:1px solid black; height:103px; /* set height to "height:fit-content;" to expand with text size */ overflow-y:auto; /* remove overflow if you don't want a scroll */ box-shadow: inset 13px 0 6px -10px rgb(66 66 66 / 30%), inset -13px 0 6px -10px rgb(66 66 66 / 30%), inset 0 13px 6px -10px #f0f0f0, inset 0 0 0 -10px rgb(66 66 66 / 30%); } .intro {background-image: radial-gradient(##f7abcf 30%, transparent 70%); font-family: starborn; color: white; -webkit-text-stroke: 1px black; text-align: center; font-size: 1.5em; margin-bottom: 5px; } mark { font-family: Frighted; background: linear-gradient(f7abcf 50%, white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.5em; } .ipad { border-radius: 10px; padding: 1em 0.55em 1em 0.55em; width: 19.5em; height: 19.5em; background: #ECF2D8; } .apple { height: 16.5em; background: white; border-radius: 2px; border: 2px inset #ECF2D8; }