<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
@charset "utf-8";

/* 全体 */
html {
    scroll-behavior: smooth;
    font-size: 10px;
    color: #D7DCE0;
    background-color: #272A33;
    background-image: linear-gradient(180deg, #272A33 0%, #272A33 50%, #000 50%, #000 100%);
    min-height: 100%;
    text-align: center;
}

img {
    max-width: 100%;
    z-index: 10;
	image-rendering: pixelated;
	image-rendering: -webkit-crisp-edges;
	image-rendering: -moz-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

/* 色 */
html {
    --background-body: #ECF1F4;
    --text: #515659;
    --link: #6985B2;
    --accent: #999FB2;
}

/* ダークモード */
html.Dark {
        --background-body: #272A33;
        --text: #D7DCE0;
        --link: #6985B2;
        --accent: #999FB2;
    }

a {
    color: #6985B2;
}


/* フォントスタイル */

body {
    font-family: "Slabo 13px", "Zen Kaku Gothic New", monospace, sans-serif;
    font-size: 2.0rem;
    position: relative;

}

h1 {
    font-family: "Fredericka the Great", serif;
    font-size: 12.8rem;
}

h2,
h3 {
    font-family: "Life Savers", serif;
    font-weight: 700;
    font-style: normal;
}

a {
    font-weight: bolder;
}


.v-middle {
    margin-top: 26vh;
}


.animation{

  animation-timing-function: ease-in-out;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  animation-duration: 1.5s;

}


.keyframe1{
  animation-name: anim_v;
}
 
@keyframes anim_v {
  0% {
    transform: translate(0, 5pxpx);
  }
  100% {
    transform: translate(0, -72px);
  }
}