/* css/main.css */

@import url('../css/base.css');
@import url('../css/layout.css');
@import url('../css/components/navbar.css');
/* @import url('components/button.css');  // Nur wenn du den Button auslagerst */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('../css/utilities.css');


@import url('../css/components/todo.css');

@import url('../css/components/guide.css');

/* debug 

   * {
    border: 1px solid red;
    z-index: 1000;;
   }*/



   body {
      transition: opacity 0.5s ease;
    }

    body.fade-out {
      opacity: 0;
    }


    * p {
      color: rgb(230, 230, 230);
      font-size: 1.3rem;
    }