html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body,html{
  width: 100%;
  height: auto;
}
body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

a img, :link img, :visited img {
  border: 0;
}

:focus {
  outline: 0;
}

.clear {
  clear: both;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #A62121 #FF8989;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #FF8989;
}

*::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #A62121;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #62A34B;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #62A34B;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  background-color: rgb(83, 0, 0);
}

.wfull {
  width: 98vw;
}

.wnormal {
  width: 31vw;
}

.container {
  width: 100%;
  height: 100%;
}
.container .view {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
}
.container .view .gztsyf {
  display: flex;
  position: relative;
  z-index: 111;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.container .view .gztsyf img {
  display: flex;
  position: relative;
  left: 0px;
  top: 0px;
  transition: transform 0.4s, left 0.4s, top 0.4s;
  height: auto;
  margin: 0.5vh 0.5vh 1vh 0.5vh;
  cursor: pointer;
}
.container img {
  height: auto;
  margin: 0.5vh 0.5vh 1vh 0.5vh;
}
.container .mansete-don {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  height: 3vh;
  width: 100%;
  background-color: rgb(83, 0, 0);
}
.container .mansete-don button {
  padding: 0.9vh;
  background-color: antiquewhite;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
  cursor: pointer;
  border-radius: 8px;
}
.container .mansete-don button:hover {
  background-color: white;
}
.inputContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width:100%;
  gap: 0.5vw;
}
.inputContainer input{
  width: 10em;
  height: 1.5em;
  background-color: transparent;
  border: 1px #fff solid;
  color: #fff;
  font-size: 1.3em;
}
.inputContainer button{
  background-color: #c0c0c0;
  padding: 0.4vw;
  width: 5em;
  height: 2em;
  color: #A62121;
}


/*# sourceMappingURL=style.css.map */