<!DOCTYPE html>
<html lang="en" html[data-paper=A5] .paper-size>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $this->renderSection("title") ?></title>
    <link rel="stylesheet" href="
    <?= 
    base_url('/css/water.css-master/dist/light.min.css')
    ?> 
    " />

    <link rel="stylesheet" href="<?= '' //base_url('/css/pico-main/css/pico.fluid.classless.min.css') ?>" />

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <style>
        :root {
            --button-base: #1E90FF;
            --button-hover: #63B8FF;
        }        
    </style>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">    
    <link rel="stylesheet" href="<?= base_url('/css/style.css').'?'.rand() ?>" />

    <?= $this->renderSection("header") ?>    
    <link href="<?= base_url('/css/printed/printed.min.css').'?'.rand() ?>" rel="stylesheet" media="print">    
    
</head>
<body>

<?= $this->renderSection("content") ?>
<?= $this->renderSection("javascript") ?>
</body>
</html>
