<template>
  <section class="yufu">
    <Glava />
    <section class="body">
      <NuxtPage />
    </section>
  </section>
</template>

<style>

.body {
  position: relative;
  z-index: 50;
}
:root {
    --siva: #D9D9D9;
    --bela: #fff;
    --rdeca: #f00;
  }

  body {
    font-family: Inter;
    margin: 0;
    background: var(--siva);
  }

  h1 {
    text-align: center;
    font-size: 2.5rem;
    margin: .2rem 0 1rem 0;
  }

  .stran {
    position: relative;
    background: var(--bela);
    margin: 2rem;
    border-radius: 3rem;
    padding: 2rem;
  }

  form {
    display: flex;
    flex-direction: column;
  }

  input[type=submit] { margin-top: 1rem; }

  details > summary {
    list-style: none;
  }

  .gumb {
    font-family: Trailers;
    font-size: 2rem;
    cursor: pointer;
  }

  .etherpad-textarea {
    height: 25rem;
    width: 100%;
  }

</style>
