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

@font-face {
font-family:'fenotype';
src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

@font-face {
font-family: handy;
src: url(https://dl.dropbox.com/s/ga9hf4idu3egjb5/handy00.ttf);
}

@font-face {
src: url(https://dl.dropbox.com/s/8maabpvuycdrlai/DigiBop-Regular.ttf);
font-family: DigiBop;
}

/* ----------------------------------------------
 * Generated by Animista on 2026-7-19 20:22:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.main {
  background: #FFFFFF;
  border-radius: 32px;
  border: 3px solid #C21919;
  width: 350px;
  height: 250px;
  position: relative;
  margin: auto;
  margin-top: 220px;
  	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.sprone {
  color: #FFFFFF;
  -webkit-text-stroke: 2px #C21919;
  font-family: "roman";
  font-size: 120px;
  width: 20px;
  height: 20px;
  margin: auto;
  margin-top: -110px;
  margin-left: 580px;
  position: absolute;
  	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.sprtwo {
  color: #FFFFFF;
  -webkit-text-stroke: 2px #C21919;
  font-family: "roman";
  font-size: 120px;
  width: 20px;
  height: 20px;
  margin: auto;
  margin-top: -350px;
  margin-left: 910px;
  position: absolute;
  	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.mari {
  font-family: "fenotype";
  color: #FFFFFF;
  -webkit-text-stroke: 2px #C21919;
  font-size: 30px;
  margin: auto;
  position: absolute;
  margin-top: -270px;
  margin-left: 625px;
  	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
  
.image {
    position:absolute;
    width:155px;
    height:155px;
    background-image:url("irne.jpg");
    background-size:cover;
    border:2px solid #C21919;
    border-radius:10px;
      margin-left: 600px;
  margin-top: -235px;
    	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	            display: flex;
}
  
.info {
    position: absolute;
    left: 780px;   /* distance from left side */
    top: 220px;     /* same height as image */
    width: 150px;
        height: 250px;   /* IMPORTANT */
    font-size: 15px;
    line-height: 20px;
        overflow-y: auto;   /* vertical scroll */
    overflow-x: hidden; /* no horizontal scroll */
    font-family: "pixel";
      	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.infotwo {
  position: absolute;
  left: 608px;
  top: 390px;
  width: 160px;
  height: 80px;
  font-size: 15px;
  line-height: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: "pixel";
    	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.name {
    color: #c63b32;
}

.tag {
    background: #C21919;
    color: white;
    padding: 2px 6px;
    border-radius: 5px;
    font-family: "DigiBop";
    border: 1px solid black;
}
  
  html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

* {
  cursor: url('https://cdn.cursors-4u.net/previews/crossbone-guitar-pick-9ad72364-32.webp') 32 32, auto !important;
}