* {

         box-sizing: border-box;

         }

         body {

         margin: 0;

         height: 100vh;

         overflow: hidden;

         display: flex;

         align-items: center;

         justify-content: center;

         background: #301c01;

         color: #c5a880;

         font-family: sans-serif;

         }

         label {

         display: inline-block;

         background-color: #301c01;

         padding: 16px;

         border-radius: 0.3rem;

         cursor: pointer;

         margin-top: 1rem;

         width: 300px;

         border-radius: 10px;

         border: 1px solid #c5a880;

         text-align: center;

         }

         ul {

         list-style-type: none;

         padding: 0;

         margin: 0;

         }

         ul li {

         list-style-type: none;

         }

         .btn {

         background-color: #301c01;

         border-radius: 10px;

         color: #c5a880;

         border: 1px solid #c5a880;

         padding: 16px;

         width: 300px;

         margin-bottom: 16px;

         line-height: 1.5;

         cursor: pointer;

         }

         .separator {

         font-weight: bold;

         text-align: center;

         width: 300px;

         margin: 16px 0px;

         color: #a07676;

         }

         .title {

         color: #c5a880;

         font-weight: bold;

         font-size: 2.25rem;

         margin-bottom: 16px;

         }

         .text-loading {

         font-size: 2rem;

         }

         #backButton {

         display: none;

         position: fixed;

         bottom: 50px;

         left: 20px;

         background-color: red;

         border-radius: 10px;

         color: #c5a880;

         border: 1px solid #c5a880;

         padding: 10px 20px;

         cursor: pointer;

         }



         #overlay {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            z-index: 90;

            background: #301c01;

        }

        .navigation-container {

            display: flex;

            justify-content: space-between;

            width: 300px;

            margin-top: 16px;

         }



         .nav-button {

            background-color: transparent;

            border: none;

            cursor: pointer;

            padding-left: 220px;

            height: 50px;

            display: flex;

            align-items: center;

            justify-content: center;

         }



         .nav-button img {

            width: 50px;

            height: 50px;

            transition: opacity 0.3s ease;

        }



        .nav-button:hover {

            transform: scale(1.2);

         }



         .nav-button:hover img {

            filter: brightness(1.2);

         }