<template>
  <section class="yufu">
    <Glava />
    <div class="vsebina">
      <NuxtPage />
    </div>
  </section>
</template>

<style>

:root {
    --siva: #D9D9D9;
    --bela: #fff;
    --rdeca: #f00;
    --roza: #ED008C;
  }

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

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

  .vsebina {
    position: relative;
    z-index: 50;
    padding: 0 32px;
  }

  .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: 3rem;
    cursor: pointer;
    border: none;
    background: none;
    text-decoration: underline;
    width: fit-content;
  }

</style>
