body{
  margin:0;
  background:#000;
  color:#b29653;
  font-family:Bagel,monospace;
  text-align:center
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important}
}

@font-face{
  font-family:Bagel;
  src:url(Bagel.woff2) format("woff2")
}

.card{
  margin:20px;
  padding:20px;
  border:5px solid #b29653;
  border-radius:10px;
  background:rgba(0,0,0,.3);
  box-shadow:0 0 20px #b29653cc,0 0 40px #b2965399,0 0 60px #b2965366
}

h1,h2,h6,p,marquee,.small{
  letter-spacing:1px;
  text-shadow:0 0 5px #b29653
}

h1{font-size:40px}
h2{font-size:25px}
h6{font-size:10px;text-align:left}
p{font-size:14px;margin:10px 0}
.small{font-size:5px}
marquee{font-size:14px;font-weight:900;margin-bottom:10px}

button{
  background:#564828;
  color:#b29653;
  border:0;
  padding:10px 20px;
  border-radius:8px;
  cursor:pointer;
  transition:.3s;
  font:900 14px Bagel,monospace;
  box-shadow:0 0 10px #b29653
}

button:hover{
  background:#846e3a;
  box-shadow:0 0 20px #846e3a
}

.teto{
  background:#ff595c;
  color:#ffb5b6;
  box-shadow:0 0 10px #ff595c
}

.teto:hover{
  background:#ff999a;
  color:#ffc9ca;
  box-shadow:0 0 20px #ff595c
}

iframe{
  width:100%;
  max-width:800px;
  height:500px;
  margin:1em auto;
  border:none;
  display:block
}

form{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:400px;
  margin:20px auto
}

input,textarea{
  background:#000;
  color:#b29653;
  border:2px solid #b29653;
  padding:8px;
  font-family:Bagel,monospace;
  letter-spacing:1px;
  text-shadow:0 0 5px #b29653
}

textarea{
  resize:vertical;
  min-height:80px
}

input:focus,textarea:focus{
  outline:none;
  box-shadow:0 0 10px #b29653
}

.entry{
  margin:15px 0;
  padding-top:10px;
  border-top:1px solid #b29653
}

.entry strong{
  display:block;
  font-size:14px;
  color:#ffb5b6;
  text-shadow:0 0 5px #ff595c
}

.entry p{
  margin:5px 0 0
}