diff --git a/conf.py b/conf.py
index 7d5b254..05a8a5b 100644
--- a/conf.py
+++ b/conf.py
@@ -54,9 +54,21 @@
 #
 html_theme = 'sphinx_rtd_theme'
 
+# These paths are either relative to html_static_path
+# or fully qualified paths (eg. https://...)
+html_css_files = [
+    'css/custom.css',
+]
+
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ['static']
 
-html_logo = 'static/degate_small.png'
\ No newline at end of file
+html_logo = 'static/degate_small.png'
+
+html_theme_options = {
+    "navigation_depth": 4,
+    "collapse_navigation": False,
+    "sticky_navigation": False,
+}
\ No newline at end of file
diff --git a/index.rst b/index.rst
index f01acf9..ae5d940 100644
--- a/index.rst
+++ b/index.rst
@@ -18,7 +18,8 @@ __ https://gitter.im/DegateCommunity/Degate
 __ https://github.com/DorianBDev/
 
 .. toctree::
-   :maxdepth: 2
+   :maxdepth: 5
    :caption: Contents:
 
-   pages/introduction
\ No newline at end of file
+   pages/introduction
+   pages/general
\ No newline at end of file
diff --git a/pages/general.rst b/pages/general.rst
new file mode 100644
index 0000000..a19d602
--- /dev/null
+++ b/pages/general.rst
@@ -0,0 +1,20 @@
+General
+==================================
+
+You will find here general documentation about workspace elements.
+
+Logic model
+~~~~~
+
+The logic model represents the electrical logic of the project, where the majority of your work will be on. It's directly linked to the reconstruction of the netlist, which will pass by creating a list of used gates (with a behaviour defined, in Verilog for example), finding gate instances and interconnecting all electrical objects to then be able to retrieve the full netlist and be able to export it.
+
+.. toctree::
+   :maxdepth: 2
+   :caption: Contents:
+
+   general_dir/annotation
+   general_dir/subproject
+   general_dir/emarker
+   general_dir/gate
+   general_dir/via
+   general_dir/wire
\ No newline at end of file
diff --git a/pages/general_dir/annotation.rst b/pages/general_dir/annotation.rst
new file mode 100644
index 0000000..0ea56f5
--- /dev/null
+++ b/pages/general_dir/annotation.rst
@@ -0,0 +1,8 @@
+Annotation
+==================================
+
+An annotation is a block with a text line that can be used to annotate/highlight a region of interest.
+
+.. image:: images/annotation.png
+  :alt: Degate annotation
+  
\ No newline at end of file
diff --git a/pages/general_dir/emarker.rst b/pages/general_dir/emarker.rst
new file mode 100644
index 0000000..3fd5cba
--- /dev/null
+++ b/pages/general_dir/emarker.rst
@@ -0,0 +1,9 @@
+EMarker
+==================================
+
+An EMarker is a general connectable electrical object, it representation of an electrically connectable marker object. It can represent any non-available electrical object in Degate (it's barely a placeholder).
+
+.. image:: images/emarker.png
+  :alt: Degate EMarker
+
+You can set these properties for a EMarker : a name, a description, if the EMarker is a module port and a fill color. To set an EMarker diameter, see the project settings dialog (from the "Project" submenu of the top bar).
\ No newline at end of file
diff --git a/pages/general_dir/gate.rst b/pages/general_dir/gate.rst
new file mode 100644
index 0000000..1d9cffe
--- /dev/null
+++ b/pages/general_dir/gate.rst
@@ -0,0 +1,58 @@
+Gate
+==================================
+
+There are two separate concepts involving gates : gate instances and gate templates.
+
+.. image:: images/gates.png
+  :alt: Degate gates
+
+Gate templates
+--------------
+
+A gate template represents a gate type (like an inverter, a flip-flop...) that can be analysed, had a specific behaviour (coded in VHDL for example) and be reused and instantiated somewhere else. A gate instance (what appears in the workspace) is always derived from a gate template.
+
+You can access a list of gate templates with the gate library dialog available in the toolbar or in the "Gate" submenu of the top bar.
+
+.. image:: images/gate_library.png
+  :alt: Degate gate library
+
+Gate instances
+--------------
+
+A gate instance is a representation of a physical implementation of a gate template. To create a gate instance, you always need to have the corresponding gate template already created.
+
+.. image:: images/gate_list.png
+  :alt: Degate gate list
+
+Gate edit
+--------------
+
+You can edit a gate instance (or a gate template from the gate library) by double clicking on it or by using the "Edit selected" from the "Gate" submenu of the top bar. In it, you will find three tabs : entity, behaviour and layout.
+
+Entity tab
+~~~~~
+
+The entity tab will let you edit basic information about the gate template like colors, name, description, ports...
+
+.. image:: images/gate_edit_entity.png
+  :alt: Degate gate edit dialog entity tab
+
+Behaviour tab
+~~~~~
+
+The behaviour tab will let you set the logic behind a gate, his behaviour. You can set it with free text, in VHDL or in Verilog. You will then be able to compile and test it with gtkwave (for Verilog only).
+
+Also, when the behaviour is set, you can export it when it's inside a module, and if the module is the project top level module, it will export the whole netlist.
+
+.. image:: images/gate_edit_behaviour.png
+  :alt: Degate gate edit dialog behaviour tab
+
+.. warning:: You can only export a module in Verilog so, if you want to be able to export the whole netlist, use Verilog to set gate instances behaviour.
+
+Layout tab
+~~~~~
+
+The layout tab will show you images of a gate instance for the gate template that's being edited on one metal layer (if set), one logic layer (mandatory, so always set) and one transistor layer (if set).  
+
+.. image:: images/gate_edit_layout.png
+  :alt: Degate gate edit dialog layout tab
\ No newline at end of file
diff --git a/pages/general_dir/images/annotation.png b/pages/general_dir/images/annotation.png
new file mode 100644
index 0000000..4ddf1d4
Binary files /dev/null and b/pages/general_dir/images/annotation.png differ
diff --git a/pages/general_dir/images/emarker.png b/pages/general_dir/images/emarker.png
new file mode 100644
index 0000000..9fda982
Binary files /dev/null and b/pages/general_dir/images/emarker.png differ
diff --git a/pages/general_dir/images/gate_edit_behaviour.png b/pages/general_dir/images/gate_edit_behaviour.png
new file mode 100644
index 0000000..9d26f47
Binary files /dev/null and b/pages/general_dir/images/gate_edit_behaviour.png differ
diff --git a/pages/general_dir/images/gate_edit_entity.png b/pages/general_dir/images/gate_edit_entity.png
new file mode 100644
index 0000000..83f95e9
Binary files /dev/null and b/pages/general_dir/images/gate_edit_entity.png differ
diff --git a/pages/general_dir/images/gate_edit_layout.png b/pages/general_dir/images/gate_edit_layout.png
new file mode 100644
index 0000000..f681310
Binary files /dev/null and b/pages/general_dir/images/gate_edit_layout.png differ
diff --git a/pages/general_dir/images/gate_library.png b/pages/general_dir/images/gate_library.png
new file mode 100644
index 0000000..9663ff0
Binary files /dev/null and b/pages/general_dir/images/gate_library.png differ
diff --git a/pages/general_dir/images/gate_list.png b/pages/general_dir/images/gate_list.png
new file mode 100644
index 0000000..a76ff7f
Binary files /dev/null and b/pages/general_dir/images/gate_list.png differ
diff --git a/pages/general_dir/images/gates.png b/pages/general_dir/images/gates.png
new file mode 100644
index 0000000..0840b14
Binary files /dev/null and b/pages/general_dir/images/gates.png differ
diff --git a/pages/general_dir/images/subproject.png b/pages/general_dir/images/subproject.png
new file mode 100644
index 0000000..3d79622
Binary files /dev/null and b/pages/general_dir/images/subproject.png differ
diff --git a/pages/general_dir/images/subproject_creation.png b/pages/general_dir/images/subproject_creation.png
new file mode 100644
index 0000000..cc730b8
Binary files /dev/null and b/pages/general_dir/images/subproject_creation.png differ
diff --git a/pages/general_dir/images/via_1.png b/pages/general_dir/images/via_1.png
new file mode 100644
index 0000000..e71fe3c
Binary files /dev/null and b/pages/general_dir/images/via_1.png differ
diff --git a/pages/general_dir/images/via_2.png b/pages/general_dir/images/via_2.png
new file mode 100644
index 0000000..f49daac
Binary files /dev/null and b/pages/general_dir/images/via_2.png differ
diff --git a/pages/general_dir/images/wire.png b/pages/general_dir/images/wire.png
new file mode 100644
index 0000000..72a9310
Binary files /dev/null and b/pages/general_dir/images/wire.png differ
diff --git a/pages/general_dir/images/wire_tool.png b/pages/general_dir/images/wire_tool.png
new file mode 100644
index 0000000..69ef2a6
Binary files /dev/null and b/pages/general_dir/images/wire_tool.png differ
diff --git a/pages/general_dir/subproject.rst b/pages/general_dir/subproject.rst
new file mode 100644
index 0000000..aa65cb7
--- /dev/null
+++ b/pages/general_dir/subproject.rst
@@ -0,0 +1,17 @@
+Subproject
+==================================
+
+A subproject is a clickable annotation, with a double click you can close and save the current project and open the concerned subproject.
+
+.. image:: images/subproject.png
+  :alt: Degate subproject
+
+Create subproject
+-----
+
+To create a subproject, you need to select an area with the right click, go to the "Project" submenu of the top bar, and click on "Create a subproject from selection".
+
+.. image:: images/subproject_creation.png
+  :alt: Degate subproject creation
+
+Then, it will ask you to create a new project, as presented in a previous page (even if it's a subproject).
\ No newline at end of file
diff --git a/pages/general_dir/via.rst b/pages/general_dir/via.rst
new file mode 100644
index 0000000..fc3b367
--- /dev/null
+++ b/pages/general_dir/via.rst
@@ -0,0 +1,16 @@
+Via
+==================================
+
+A via is an electrical connectable object that will represent an electrical connection between two adjacent layers.
+
+.. image:: images/via_1.png
+  :alt: Degate via
+
+To create a via, you can right click to open the context menu, and select "Create new via". To connect two vias, you need to electrically interconnect them (by switching layers and CTRL + Right click to select them).
+
+You can also connect a via to other objects (like ports or wires...).
+
+.. image:: images/via_2.png
+  :alt: Degate follow via
+
+You can follow a connected via to go to the interconnected layer, by right clicking and selecting the "Follow via" option in the context menu.
\ No newline at end of file
diff --git a/pages/general_dir/wire.rst b/pages/general_dir/wire.rst
new file mode 100644
index 0000000..7a3e2e1
--- /dev/null
+++ b/pages/general_dir/wire.rst
@@ -0,0 +1,15 @@
+Wire
+==================================
+
+You can create a wire, that is a connectable electrical object, with the wire tool and by right clicking and moving the mouse.
+
+.. image:: images/wire_tool.png
+  :alt: Degate wire tool
+  :width: 80
+
+By default, each new wire first point will be the end of the previous one. To reset the wire tool, right click to open the context menu and click on "Reset wire tool".
+
+.. image:: images/wire.png
+  :alt: Degate wire
+
+You should limit the number of wires to keep the workspace clean, for example, if a wire connects two gate ports, just interconnect them and avoid creating an intermediate wire.
\ No newline at end of file
diff --git a/pages/introduction.rst b/pages/introduction.rst
index 0a7e2f0..3113cd9 100644
--- a/pages/introduction.rst
+++ b/pages/introduction.rst
@@ -1,3 +1,15 @@
 Introduction
 ==================================
 
+You will find below a list of topics that will present basic functionalities of Degate.
+
+.. toctree::
+   :maxdepth: 2
+   :caption: Contents:
+
+   introduction_dir/create_project
+   introduction_dir/matching
+   introduction_dir/modules
+   introduction_dir/rule_violations
+   introduction_dir/shortcuts
+   introduction_dir/window
\ No newline at end of file
diff --git a/pages/introduction_dir/create_project.rst b/pages/introduction_dir/create_project.rst
new file mode 100644
index 0000000..8729086
--- /dev/null
+++ b/pages/introduction_dir/create_project.rst
@@ -0,0 +1,47 @@
+Create a new project
+==================================
+
+.. note:: The **old Degate** was using a size based project system, with a static project size defined during project creation. This meant inability to change the size after the project creation, even when you add a larger image than previously planned (so, with the old Degate, you had to recreate the project 'from scratch'). The **new Degate** uses a different system, you no longer have to worry about the project size during creation, you just need to provide at least one layer with a valid image.
+
+Images alignment
+--------------
+
+A Degate project needs only **layer images** to start. They will be the core of the project and the core of the process to recover the netlist (or a part of it). However there is some condition that you need to take care before creating the project (you can reimport layer images after the project creation, so no worries):
+
+- The layer images need to be aligned (they must be able to overlap correctly).
+- The layer images need to have the same overall quality (this is not mandatory, but if they are not of the same quality, you will have pain to align them).
+
+.. warning:: **Very important**: Degate has (for the moment) no built-in tools to align layer images, you have to do this downstream.
+
+To align these layer images, you have to consider that Degate cannot shift them, they will be open directly and placed in 0,0 (upper left corner). So, if these layer images are not aligned from the upper left corner, there will be an offset between the layers.
+
+Project creation dialog
+--------------
+
+You can access the project creation dialog from the "Project" tabs of the top menu, and by pressing the "New" button of this submenu. You will arrive on this window:
+
+.. image:: images/project_creation_dialog.png
+  :alt: Project creation dialog image
+
+With this dialog, you will be able to set the project name, the project directory path and the project layers. The project directory path is the directory where the project directory will be created. You will need at least one valid layer with an image set. To add a layer, you need to click on the "+" button. After that, a new layer will appear where you can set the state (if disabled, you will not see it inside the workspace, this can be changed anytime), the description, the type and the image.
+
+The type of a layer can be of these 4 types:
+
+- **Undefined**: undefined layer (useful if you want to start the analysis later).
+- **Metal**: interconnection layer (M1, M2 M...).
+- **Logic**: the layer where you will define gates.
+- **Transistor**: transistor layer.
+
+To learn more about these types, please see the Layman's Guide to IC Reverse Engineering `here <http://siliconzoo.org/tutorial.html>`_.
+
+To set the background image, you need to click on the red button, it will open a new dialog to select an image to import. After that done, you just need to click on "Ok" to validate and wait during the image(s) importation.
+
+.. image:: images/project_creation_dialog_completed.png
+  :alt: Completed project creation dialog image
+
+After clicking "Ok" you will get a loading dialog:
+
+.. image:: images/project_creation_dialog_completed_loading.png
+  :alt: Loading phase of the completed project creation dialog image
+
+Well done ! Your project is now created and loaded.
\ No newline at end of file
diff --git a/pages/introduction_dir/images/accepted_violation.png b/pages/introduction_dir/images/accepted_violation.png
new file mode 100644
index 0000000..81fc7f4
Binary files /dev/null and b/pages/introduction_dir/images/accepted_violation.png differ
diff --git a/pages/introduction_dir/images/annotation_submenu.png b/pages/introduction_dir/images/annotation_submenu.png
new file mode 100644
index 0000000..ab3e8e8
Binary files /dev/null and b/pages/introduction_dir/images/annotation_submenu.png differ
diff --git a/pages/introduction_dir/images/edit_submenu.png b/pages/introduction_dir/images/edit_submenu.png
new file mode 100644
index 0000000..49b6c9f
Binary files /dev/null and b/pages/introduction_dir/images/edit_submenu.png differ
diff --git a/pages/introduction_dir/images/emarker_submenu.png b/pages/introduction_dir/images/emarker_submenu.png
new file mode 100644
index 0000000..7f60779
Binary files /dev/null and b/pages/introduction_dir/images/emarker_submenu.png differ
diff --git a/pages/introduction_dir/images/gate_submenu.png b/pages/introduction_dir/images/gate_submenu.png
new file mode 100644
index 0000000..882b782
Binary files /dev/null and b/pages/introduction_dir/images/gate_submenu.png differ
diff --git a/pages/introduction_dir/images/help_submenu.png b/pages/introduction_dir/images/help_submenu.png
new file mode 100644
index 0000000..30eae23
Binary files /dev/null and b/pages/introduction_dir/images/help_submenu.png differ
diff --git a/pages/introduction_dir/images/layer_submenu.png b/pages/introduction_dir/images/layer_submenu.png
new file mode 100644
index 0000000..3bc277f
Binary files /dev/null and b/pages/introduction_dir/images/layer_submenu.png differ
diff --git a/pages/introduction_dir/images/logic_submenu.png b/pages/introduction_dir/images/logic_submenu.png
new file mode 100644
index 0000000..b14955b
Binary files /dev/null and b/pages/introduction_dir/images/logic_submenu.png differ
diff --git a/pages/introduction_dir/images/main_window.png b/pages/introduction_dir/images/main_window.png
new file mode 100644
index 0000000..65a4b01
Binary files /dev/null and b/pages/introduction_dir/images/main_window.png differ
diff --git a/pages/introduction_dir/images/matching_submenu.png b/pages/introduction_dir/images/matching_submenu.png
new file mode 100644
index 0000000..77aee9a
Binary files /dev/null and b/pages/introduction_dir/images/matching_submenu.png differ
diff --git a/pages/introduction_dir/images/modules.png b/pages/introduction_dir/images/modules.png
new file mode 100644
index 0000000..27182cc
Binary files /dev/null and b/pages/introduction_dir/images/modules.png differ
diff --git a/pages/introduction_dir/images/project_creation_dialog.png b/pages/introduction_dir/images/project_creation_dialog.png
new file mode 100644
index 0000000..9b43fd2
Binary files /dev/null and b/pages/introduction_dir/images/project_creation_dialog.png differ
diff --git a/pages/introduction_dir/images/project_creation_dialog_completed.png b/pages/introduction_dir/images/project_creation_dialog_completed.png
new file mode 100644
index 0000000..b148e8f
Binary files /dev/null and b/pages/introduction_dir/images/project_creation_dialog_completed.png differ
diff --git a/pages/introduction_dir/images/project_creation_dialog_completed_loading.png b/pages/introduction_dir/images/project_creation_dialog_completed_loading.png
new file mode 100644
index 0000000..867bf1b
Binary files /dev/null and b/pages/introduction_dir/images/project_creation_dialog_completed_loading.png differ
diff --git a/pages/introduction_dir/images/project_submenu.png b/pages/introduction_dir/images/project_submenu.png
new file mode 100644
index 0000000..243e96f
Binary files /dev/null and b/pages/introduction_dir/images/project_submenu.png differ
diff --git a/pages/introduction_dir/images/template_matching.png b/pages/introduction_dir/images/template_matching.png
new file mode 100644
index 0000000..935da1e
Binary files /dev/null and b/pages/introduction_dir/images/template_matching.png differ
diff --git a/pages/introduction_dir/images/template_matching_end.png b/pages/introduction_dir/images/template_matching_end.png
new file mode 100644
index 0000000..1008626
Binary files /dev/null and b/pages/introduction_dir/images/template_matching_end.png differ
diff --git a/pages/introduction_dir/images/template_matching_select.png b/pages/introduction_dir/images/template_matching_select.png
new file mode 100644
index 0000000..399e9c3
Binary files /dev/null and b/pages/introduction_dir/images/template_matching_select.png differ
diff --git a/pages/introduction_dir/images/toolbar.png b/pages/introduction_dir/images/toolbar.png
new file mode 100644
index 0000000..ad13b16
Binary files /dev/null and b/pages/introduction_dir/images/toolbar.png differ
diff --git a/pages/introduction_dir/images/via_matching.png b/pages/introduction_dir/images/via_matching.png
new file mode 100644
index 0000000..bdcb137
Binary files /dev/null and b/pages/introduction_dir/images/via_matching.png differ
diff --git a/pages/introduction_dir/images/via_submenu.png b/pages/introduction_dir/images/via_submenu.png
new file mode 100644
index 0000000..50a324a
Binary files /dev/null and b/pages/introduction_dir/images/via_submenu.png differ
diff --git a/pages/introduction_dir/images/view_submenu.png b/pages/introduction_dir/images/view_submenu.png
new file mode 100644
index 0000000..754b8cc
Binary files /dev/null and b/pages/introduction_dir/images/view_submenu.png differ
diff --git a/pages/introduction_dir/images/violation_dialog.png b/pages/introduction_dir/images/violation_dialog.png
new file mode 100644
index 0000000..3c25ae8
Binary files /dev/null and b/pages/introduction_dir/images/violation_dialog.png differ
diff --git a/pages/introduction_dir/matching.rst b/pages/introduction_dir/matching.rst
new file mode 100644
index 0000000..2d1a62c
--- /dev/null
+++ b/pages/introduction_dir/matching.rst
@@ -0,0 +1,69 @@
+Matching
+==================================
+
+To start a "matching phase" you firstly need to select an area (by holding the right click) to define the area used to match templates, vias or wires. This is optional, if you don't select an area, the whole project size will be used. Also, please note that the "matching phase" will use the current selected/active layer.
+
+You can access the different "matching phase" types in the "Matching" top bar submenu.
+
+Template matching
+-----
+
+Template matching will automatically detect gate template inside an area. After selecting the area, select "Template matching" in the "Matching" top bar submenu. You will then fall on this dialog:
+
+.. image:: images/template_matching_select.png
+  :alt: Degate template matching gate template select dialog
+
+You need to select the desired gate(s) template to match (you need at least one). Then, you will fall on this dialog:
+
+.. image:: images/template_matching.png
+  :alt: Degate template matching dialog
+
+To start the template matching phase, you can adjust different options, which are:
+
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Option name                            | Meaning                                                                                                                                                                                                                       |
++========================================+===============================================================================================================================================================================================================================+
+| Threshold to start hill climbing       | The threshold to start looking for a gate template. If the value is low, it will take more time to complete.                                                                                                                  |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Threshold for detection                | The threshold to confirm the detection of a gate template. If the value is low, it will take more time to complete. This value should be greater than the one above.                                                          |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Scale image down by factor             | The scaled version of the image to use during the detection. The more the image will be scaled down, the more the time to complete will be low.                                                                               |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Max step size for search after scaling | If the value is low (1 pixel minimum), it will take more time to complete, but will be more accurate. This value depends on the scaled version of the image (if the image is very scaled, it's better to use a value near 1). |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Match template orientation(s)          | Orientation(s) to search for a gate template. For example, if you select only the normal orientation, if there is the same gate template but flipped, it will not match.                                                      |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+| Match template type                    | Detect for gate template along grid columns or rows. If no grid is available, it will not use any grid.                                                                                                                       |
++----------------------------------------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
+
+After running the template matching, you will obtain a dialog with the results of the detection phase, like that:
+
+.. image:: images/template_matching_end.png
+  :alt: Degate template matching end dialog
+
+Via matching
+-----
+
+Via matching in Degate will take all already placed vias as reference (need at least 1), and will use them to match new one(s) with the same layout. After selecting (or not) the matching area, you can access via matching by selecting "Via matching" in the "Matching" top bar submenu. You will then fall on this dialog:
+
+.. image:: images/via_matching.png
+  :alt: Degate via matching dialog
+
+To start the via matching phase, you can adjust different options, which are:
+
++-------------------------+-----------------------------------------------------------------------------------------------------------------------------------------------+
+| Option name             | Meaning                                                                                                                                       |
++=========================+===============================================================================================================================================+
+| Threshold for detection | The threshold to detect a via, a higher value will only keep the most matching vias. If the value is low, it will take more time to complete. |
++-------------------------+-----------------------------------------------------------------------------------------------------------------------------------------------+
+| Via diameter            | The via diameter to match (default is the project default via diameter value).                                                                |
++-------------------------+-----------------------------------------------------------------------------------------------------------------------------------------------+
+| Max vias to match       | Max number of vias to match, it can be useful when you are not sure of your parameters values.                                                |
++-------------------------+-----------------------------------------------------------------------------------------------------------------------------------------------+
+
+Wire matching
+-----
+
+.. warning:: Wire matching is a "broken" feature of Degate, it's not working well. However, you can try to use it keeping in mind that this functionality get some limitations.
+
+We will not document this part of Degate due to the warning above, and because it will be completely rewritten shortly.
\ No newline at end of file
diff --git a/pages/introduction_dir/modules.rst b/pages/introduction_dir/modules.rst
new file mode 100644
index 0000000..105c822
--- /dev/null
+++ b/pages/introduction_dir/modules.rst
@@ -0,0 +1,18 @@
+Modules
+==================================
+
+Modules are a way to organize your logic model into separate groups and export them (in Verilog language). You always have a top level module, if you want to export your project in Verilog, export the top level module (the one with the project name).
+
+.. image:: images/modules.png
+  :alt: Project modules dialog
+
+A module can be a child of another one, and every module is the main module child. You can move gates into modules, inside the module dialog or in the workspace with the "Logic" top bar submenu. All gates are, by default, in the project module (top level one).
+
+In this dialog you can find 3 panels, one is the module one, where you can create or remove modules, set a type or export in Verilog. The second one, will show all gates of the selected module. You can move them into another module or jump to them into the workspace. The last panel will show all module ports.
+
+.. warning:: You can only export a module in Verilog.
+
+Module port
+-----
+
+A module port is an object connected with other objects (at least one) that are not part of this module.
\ No newline at end of file
diff --git a/pages/introduction_dir/rule_violations.rst b/pages/introduction_dir/rule_violations.rst
new file mode 100644
index 0000000..e331bbc
--- /dev/null
+++ b/pages/introduction_dir/rule_violations.rst
@@ -0,0 +1,26 @@
+Rule violations
+==================================
+
+The rule violations dialog defines will list all violations of the current project regarding the logic model. It will help you to keep track of open ports, unconnected input ports or other potential logic errors.
+
+.. image:: images/violation_dialog.png
+  :alt: Degate rule violations dialog
+
+With this dialog you can also mark a violation as accepted, it will remove it from the violations tab if you consider it's not a real problem/error.
+
+.. image:: images/accepted_violation.png
+  :alt: Degate rule violations dialog accepted tab
+
+By selecting a violation or accepted violation, you can accept/reject it or go to the concerned object. You also have access to a filter, you just have to write a string of characters and press **"ENTER"** to filter every violation/accepted violation containing the string. The refresh button will enforce a full refresh of all violations and accepted violations (it will recalculate every violation of the logic model).
+
+Possible violations are:
+
++-----------------------+---------------------------------------------------+
+| Violation             | Description                                       |
++=======================+===================================================+
+| open_port             | A port is unconnected.                            | 
++-----------------------+---------------------------------------------------+
+| net.outputs_connected | An output port is connected with other out ports. |
++-----------------------+---------------------------------------------------+
+| net.not_feeded        | An input port is not fed.                         |
++-----------------------+---------------------------------------------------+
diff --git a/pages/introduction_dir/shortcuts.rst b/pages/introduction_dir/shortcuts.rst
new file mode 100644
index 0000000..7066801
--- /dev/null
+++ b/pages/introduction_dir/shortcuts.rst
@@ -0,0 +1,22 @@
+Shortcuts
+==================================
+
+Shortcuts usable in Degate are:
+
++-----------------------------+---------------------------------------+
+| Shortcut                    | Action                                |
++=============================+=======================================+
+| **LEFT click**              | Object selection                      | 
++-----------------------------+---------------------------------------+
+| **RIGHT click**             | Context menu                          |
++-----------------------------+---------------------------------------+
+| **Hold LEFT click**         | Move                                  |
++-----------------------------+---------------------------------------+
+| **Hold RIGHT click**        | Area selection OR wire tool           |
++-----------------------------+---------------------------------------+
+| **CTRL + LEFT click**       | Multiple object selection             |
++-----------------------------+---------------------------------------+
+| **CTRL + hold RIGHT click** | Selection of all objects in the area  |
++-----------------------------+---------------------------------------+
+| **DEL**                     | Delete selected objects               |
++-----------------------------+---------------------------------------+
\ No newline at end of file
diff --git a/pages/introduction_dir/window.rst b/pages/introduction_dir/window.rst
new file mode 100644
index 0000000..ac14938
--- /dev/null
+++ b/pages/introduction_dir/window.rst
@@ -0,0 +1,145 @@
+Degate main window
+==================================
+
+In this page, we will dig into the Degate main window. The Degate main window is composed of a top menu, a toolbar, a workspace and a notification bar.
+
+.. image:: images/main_window.png
+  :alt: Degate main window areas
+
+- **1 (blue)**: top menu.
+- **2 (red)**: toolbar.
+- **3 (green)**: workspace.
+- **4 (yellow)**: notification bar.
+
+Top menu
+-----
+
+The top menu is where you will every possible action in the software. It is split in 11 submenu:
+
+- The **project** submenu: create and load a project.
+- The **edit** submenu: edit preferences.
+- The **view** submenu: hide/show elements and configure the grid. 
+- The **layer** submenu: edit layers.
+- The **gate** submenu: create and edit gate and gate template.
+- The **annotation** submenu: edit and create annotations.
+- The **emarker** submenu: edit emarkers.
+- The **via** submenu: edit vias.
+- The **logic** submenu: remove, interconnect and isolate objects.
+- The **matching** submenu: template, via and wire matching.
+- The **help** submenu: list of shortcuts, documentation link and about dialog.
+
+Project submenu
+~~~~~
+
+.. image:: images/project_submenu.png
+  :alt: Degate project submenu
+
+The project submenu offers the possibility to open, create and close a project. You can also edit project settings and create a subproject.
+
+Edit submenu
+~~~~~
+
+.. image:: images/edit_submenu.png
+  :alt: Degate edit submenu
+
+The edit submenu offers access to the preferences dialog.
+
+View submenu
+~~~~~
+
+.. image:: images/view_submenu.png
+  :alt: Degate view submenu
+
+The view submenu offers the possibility to hide or show objects (like gates, gates names, wires...), to enable/disable/configure the grid and to access the fullscreen mode.
+
+Layer submenu
+~~~~~
+
+.. image:: images/layer_submenu.png
+  :alt: Degate layer submenu
+
+The layer submenu allows you to launch the layer edit dialog and to directly change the current layer background (it's a shortcut to the same functionality in the layer edit dialog).
+
+Gate submenu
+~~~~~
+
+.. image:: images/gate_submenu.png
+  :alt: Degate gate submenu
+
+The gate submenu will help you to create a gate or gate template from selection, to edit a selected gate, to list gates templates, to list gates instances and a way to automatically name gates along rows or columns.
+
+Annotation submenu
+~~~~~
+
+.. image:: images/annotation_submenu.png
+  :alt: Degate annotation submenu
+
+The annotation submenu will help you to create, edit and get a list of annotations.
+
+EMarker submenu
+~~~~~
+
+.. image:: images/emarker_submenu.png
+  :alt: Degate emarker submenu
+
+The emarker submenu will allow you to edit an emarker.
+
+Via submenu
+~~~~~
+
+.. image:: images/via_submenu.png
+  :alt: Degate via submenu
+
+The via submenu will allow you to edit a via.
+
+Logic submenu
+~~~~~
+
+.. image:: images/logic_submenu.png
+  :alt: Degate logic submenu
+
+The logic submenu will help you to remove selected objects, to interconnect or isolate them, to move objects into a module or to inspect a selected object.
+
+Matching submenu
+~~~~~
+
+.. image:: images/matching_submenu.png
+  :alt: Degate matching submenu
+
+The matching submenu will allow you to start template matching, via matching or wire matching dialogs.
+
+Help submenu
+~~~~~
+
+.. image:: images/help_submenu.png
+  :alt: Degate help submenu
+
+To finish, the help menu will give you access to a shortcut list dialog, to a documentation redirection, to an update checker and to the about dialog (with a changelog, license...).
+
+Toolbar
+-----
+
+The toolbar gives you access to actions and tools selection.
+
+.. image:: images/toolbar.png
+  :alt: Degate toolbar
+
+- **1**: Move to the upper layer (if possible).
+- **2**: Move to the lower layer (if possible).
+- **3**: Zoom in.
+- **4**: Zoom out.
+- **5**: Select the area selection tool (to create gates, annotation...). It's the blue rectangle created using the mouse right click.
+- **6**: Select the wire creation tool.
+- **7**: Open the gate library (list of all gates templates).
+- **8**: Open the rule violation dialog (list of electric errors/warnings).
+- **9**: Open the module dialog (to sort and export the extracted netlist).
+
+Workspace area
+-----
+
+The workspace area is where you will work on the chip layers images, draw gates, draw wires, create annotations... It's where all the magic takes place.
+
+Notification bar
+-----
+
+The notification bar will show messages on its left side and information, with the current layer position (and type) and the current coordinates, on the right side.
\ No newline at end of file
diff --git a/static/css/custom.css b/static/css/custom.css
new file mode 100644
index 0000000..ee09040
--- /dev/null
+++ b/static/css/custom.css
@@ -0,0 +1,1993 @@
+@media (prefers-color-scheme: dark) {
+    /* Generated using Dark Reader extension */
+
+    html {
+        background-color: #181a1b !important;
+    }
+
+    html, body, input, textarea, select, button {
+        background-color: #181a1b;
+    }
+
+    html, body, input, textarea, select, button {
+        border-color: #736b5e;
+        color: #e8e6e3;
+    }
+
+    a {
+        color: #3391ff;
+    }
+
+    table {
+        border-color: #545b5e;
+    }
+
+    ::placeholder {
+        color: #b2aba1;
+    }
+
+    input:-webkit-autofill,
+    textarea:-webkit-autofill,
+    select:-webkit-autofill {
+        background-color: #555b00 !important;
+        color: #e8e6e3 !important;
+    }
+
+    ::selection {
+        background-color: #004daa !important;
+        color: #e8e6e3 !important;
+    }
+
+    ::-moz-selection {
+        background-color: #004daa !important;
+        color: #e8e6e3 !important;
+    }
+
+    /* Invert Style */
+    .jfk-bubble.gtx-bubble, embed[type="application/pdf"] {
+        filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
+    }
+
+    /* Override Style */
+    .vimvixen-hint {
+        background-color: #7b5300 !important;
+        border-color: #d8b013 !important;
+        color: #f3e8c8 !important;
+    }
+
+    ::placeholder {
+        opacity: 0.5 !important;
+    }
+
+    /* Variables Style */
+    :root {
+        --darkreader-neutral-background: #181a1b;
+        --darkreader-neutral-text: #e8e6e3;
+        --darkreader-selection-background: #004daa;
+        --darkreader-selection-text: #e8e6e3;
+    }
+
+    /* Modified CSS */
+    a:hover,
+    a:active {
+        outline-color: initial;
+    }
+
+    abbr[title] {
+        border-bottom-color: initial;
+    }
+
+    ins {
+        background-image: initial;
+        background-color: rgb(112, 112, 0);
+        color: rgb(232, 230, 227);
+        text-decoration-color: initial;
+    }
+
+    mark {
+        background-image: initial;
+        background-color: rgb(204, 204, 0);
+        color: rgb(232, 230, 227);
+    }
+
+    ul,
+    ol,
+    dl {
+        list-style-image: none;
+    }
+
+    li {
+        list-style-image: initial;
+    }
+
+    img {
+        border-color: initial;
+    }
+
+    fieldset {
+        border-color: initial;
+    }
+
+    legend {
+        border-color: initial;
+    }
+
+    .chromeframe {
+        background-image: initial;
+        background-color: rgb(53, 57, 59);
+        color: rgb(232, 230, 227);
+    }
+
+    .ir {
+        border-color: initial;
+        background-color: transparent;
+    }
+
+    .visuallyhidden {
+        border-color: initial;
+    }
+
+    .fa-border {
+        border-color: rgb(53, 57, 59);
+    }
+
+    .fa-inverse {
+        color: rgb(232, 230, 227);
+    }
+
+    .sr-only {
+        border-color: initial;
+    }
+
+    .fa::before,
+    .wy-menu-vertical li span.toctree-expand::before,
+    .wy-menu-vertical li.on a span.toctree-expand::before,
+    .wy-menu-vertical li.current > a span.toctree-expand::before,
+    .rst-content .admonition-title::before,
+    .rst-content h1 .headerlink::before,
+    .rst-content h2 .headerlink::before,
+    .rst-content h3 .headerlink::before,
+    .rst-content h4 .headerlink::before,
+    .rst-content h5 .headerlink::before,
+    .rst-content h6 .headerlink::before,
+    .rst-content dl dt .headerlink::before,
+    .rst-content p.caption .headerlink::before,
+    .rst-content table > caption .headerlink::before,
+    .rst-content .code-block-caption .headerlink::before,
+    .rst-content tt.download span:first-child::before,
+    .rst-content code.download span:first-child::before,
+    .icon::before,
+    .wy-dropdown .caret::before,
+    .wy-inline-validate.wy-inline-validate-success .wy-input-context::before,
+    .wy-inline-validate.wy-inline-validate-danger .wy-input-context::before,
+    .wy-inline-validate.wy-inline-validate-warning .wy-input-context::before,
+    .wy-inline-validate.wy-inline-validate-info .wy-input-context::before {
+        text-decoration-color: inherit;
+    }
+
+    a .fa,
+    a .wy-menu-vertical li span.toctree-expand,
+    .wy-menu-vertical li a span.toctree-expand,
+    .wy-menu-vertical li.on a span.toctree-expand,
+    .wy-menu-vertical li.current > a span.toctree-expand,
+    a .rst-content .admonition-title,
+    .rst-content a .admonition-title,
+    a .rst-content h1 .headerlink,
+    .rst-content h1 a .headerlink,
+    a .rst-content h2 .headerlink,
+    .rst-content h2 a .headerlink,
+    a .rst-content h3 .headerlink,
+    .rst-content h3 a .headerlink,
+    a .rst-content h4 .headerlink,
+    .rst-content h4 a .headerlink,
+    a .rst-content h5 .headerlink,
+    .rst-content h5 a .headerlink,
+    a .rst-content h6 .headerlink,
+    .rst-content h6 a .headerlink,
+    a .rst-content dl dt .headerlink,
+    .rst-content dl dt a .headerlink,
+    a .rst-content p.caption .headerlink,
+    .rst-content p.caption a .headerlink,
+    a .rst-content table > caption .headerlink,
+    .rst-content table > caption a .headerlink,
+    a .rst-content .code-block-caption .headerlink,
+    .rst-content .code-block-caption a .headerlink,
+    a .rst-content tt.download span:first-child,
+    .rst-content tt.download a span:first-child,
+    a .rst-content code.download span:first-child,
+    .rst-content code.download a span:first-child,
+    a .icon {
+        text-decoration-color: inherit;
+    }
+
+    .wy-alert,
+    .rst-content .note,
+    .rst-content .attention,
+    .rst-content .caution,
+    .rst-content .danger,
+    .rst-content .error,
+    .rst-content .hint,
+    .rst-content .important,
+    .rst-content .tip,
+    .rst-content .warning,
+    .rst-content .seealso,
+    .rst-content .admonition-todo,
+    .rst-content .admonition {
+        background-image: initial;
+        background-color: rgb(32, 35, 36);
+    }
+
+    .wy-alert-title,
+    .rst-content .admonition-title {
+        color: rgb(232, 230, 227);
+        background-image: initial;
+        background-color: rgb(29, 91, 131);
+    }
+
+    .wy-alert.wy-alert-danger,
+    .rst-content .wy-alert-danger.note,
+    .rst-content .wy-alert-danger.attention,
+    .rst-content .wy-alert-danger.caution,
+    .rst-content .danger,
+    .rst-content .error,
+    .rst-content .wy-alert-danger.hint,
+    .rst-content .wy-alert-danger.important,
+    .rst-content .wy-alert-danger.tip,
+    .rst-content .wy-alert-danger.warning,
+    .rst-content .wy-alert-danger.seealso,
+    .rst-content .wy-alert-danger.admonition-todo,
+    .rst-content .wy-alert-danger.admonition {
+        background-image: initial;
+        background-color: rgb(52, 12, 8);
+    }
+
+    .wy-alert.wy-alert-danger .wy-alert-title,
+    .rst-content .wy-alert-danger.note .wy-alert-title,
+    .rst-content .wy-alert-danger.attention .wy-alert-title,
+    .rst-content .wy-alert-danger.caution .wy-alert-title,
+    .rst-content .danger .wy-alert-title,
+    .rst-content .error .wy-alert-title,
+    .rst-content .wy-alert-danger.hint .wy-alert-title,
+    .rst-content .wy-alert-danger.important .wy-alert-title,
+    .rst-content .wy-alert-danger.tip .wy-alert-title,
+    .rst-content .wy-alert-danger.warning .wy-alert-title,
+    .rst-content .wy-alert-danger.seealso .wy-alert-title,
+    .rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
+    .rst-content .wy-alert-danger.admonition .wy-alert-title,
+    .wy-alert.wy-alert-danger .rst-content .admonition-title,
+    .rst-content .wy-alert.wy-alert-danger .admonition-title,
+    .rst-content .wy-alert-danger.note .admonition-title,
+    .rst-content .wy-alert-danger.attention .admonition-title,
+    .rst-content .wy-alert-danger.caution .admonition-title,
+    .rst-content .danger .admonition-title,
+    .rst-content .error .admonition-title,
+    .rst-content .wy-alert-danger.hint .admonition-title,
+    .rst-content .wy-alert-danger.important .admonition-title,
+    .rst-content .wy-alert-danger.tip .admonition-title,
+    .rst-content .wy-alert-danger.warning .admonition-title,
+    .rst-content .wy-alert-danger.seealso .admonition-title,
+    .rst-content .wy-alert-danger.admonition-todo .admonition-title,
+    .rst-content .wy-alert-danger.admonition .admonition-title {
+        background-image: initial;
+        background-color: rgb(108, 22, 13);
+    }
+
+    .wy-alert.wy-alert-warning,
+    .rst-content .wy-alert-warning.note,
+    .rst-content .attention,
+    .rst-content .caution,
+    .rst-content .wy-alert-warning.danger,
+    .rst-content .wy-alert-warning.error,
+    .rst-content .wy-alert-warning.hint,
+    .rst-content .wy-alert-warning.important,
+    .rst-content .wy-alert-warning.tip,
+    .rst-content .warning,
+    .rst-content .wy-alert-warning.seealso,
+    .rst-content .admonition-todo,
+    .rst-content .wy-alert-warning.admonition {
+        background-image: initial;
+        background-color: rgb(82, 53, 0);
+    }
+
+    .wy-alert.wy-alert-warning .wy-alert-title,
+    .rst-content .wy-alert-warning.note .wy-alert-title,
+    .rst-content .attention .wy-alert-title,
+    .rst-content .caution .wy-alert-title,
+    .rst-content .wy-alert-warning.danger .wy-alert-title,
+    .rst-content .wy-alert-warning.error .wy-alert-title,
+    .rst-content .wy-alert-warning.hint .wy-alert-title,
+    .rst-content .wy-alert-warning.important .wy-alert-title,
+    .rst-content .wy-alert-warning.tip .wy-alert-title,
+    .rst-content .warning .wy-alert-title,
+    .rst-content .wy-alert-warning.seealso .wy-alert-title,
+    .rst-content .admonition-todo .wy-alert-title,
+    .rst-content .wy-alert-warning.admonition .wy-alert-title,
+    .wy-alert.wy-alert-warning .rst-content .admonition-title,
+    .rst-content .wy-alert.wy-alert-warning .admonition-title,
+    .rst-content .wy-alert-warning.note .admonition-title,
+    .rst-content .attention .admonition-title,
+    .rst-content .caution .admonition-title,
+    .rst-content .wy-alert-warning.danger .admonition-title,
+    .rst-content .wy-alert-warning.error .admonition-title,
+    .rst-content .wy-alert-warning.hint .admonition-title,
+    .rst-content .wy-alert-warning.important .admonition-title,
+    .rst-content .wy-alert-warning.tip .admonition-title,
+    .rst-content .warning .admonition-title,
+    .rst-content .wy-alert-warning.seealso .admonition-title,
+    .rst-content .admonition-todo .admonition-title,
+    .rst-content .wy-alert-warning.admonition .admonition-title {
+        background-image: initial;
+        background-color: rgb(123, 65, 14);
+    }
+
+    .wy-alert.wy-alert-info,
+    .rst-content .note,
+    .rst-content .wy-alert-info.attention,
+    .rst-content .wy-alert-info.caution,
+    .rst-content .wy-alert-info.danger,
+    .rst-content .wy-alert-info.error,
+    .rst-content .wy-alert-info.hint,
+    .rst-content .wy-alert-info.important,
+    .rst-content .wy-alert-info.tip,
+    .rst-content .wy-alert-info.warning,
+    .rst-content .seealso,
+    .rst-content .wy-alert-info.admonition-todo,
+    .rst-content .wy-alert-info.admonition {
+        background-image: initial;
+        background-color: rgb(32, 35, 36);
+    }
+
+    .wy-alert.wy-alert-info .wy-alert-title,
+    .rst-content .note .wy-alert-title,
+    .rst-content .wy-alert-info.attention .wy-alert-title,
+    .rst-content .wy-alert-info.caution .wy-alert-title,
+    .rst-content .wy-alert-info.danger .wy-alert-title,
+    .rst-content .wy-alert-info.error .wy-alert-title,
+    .rst-content .wy-alert-info.hint .wy-alert-title,
+    .rst-content .wy-alert-info.important .wy-alert-title,
+    .rst-content .wy-alert-info.tip .wy-alert-title,
+    .rst-content .wy-alert-info.warning .wy-alert-title,
+    .rst-content .seealso .wy-alert-title,
+    .rst-content .wy-alert-info.admonition-todo .wy-alert-title,
+    .rst-content .wy-alert-info.admonition .wy-alert-title,
+    .wy-alert.wy-alert-info .rst-content .admonition-title,
+    .rst-content .wy-alert.wy-alert-info .admonition-title,
+    .rst-content .note .admonition-title,
+    .rst-content .wy-alert-info.attention .admonition-title,
+    .rst-content .wy-alert-info.caution .admonition-title,
+    .rst-content .wy-alert-info.danger .admonition-title,
+    .rst-content .wy-alert-info.error .admonition-title,
+    .rst-content .wy-alert-info.hint .admonition-title,
+    .rst-content .wy-alert-info.important .admonition-title,
+    .rst-content .wy-alert-info.tip .admonition-title,
+    .rst-content .wy-alert-info.warning .admonition-title,
+    .rst-content .seealso .admonition-title,
+    .rst-content .wy-alert-info.admonition-todo .admonition-title,
+    .rst-content .wy-alert-info.admonition .admonition-title {
+        background-image: initial;
+        background-color: rgb(29, 91, 131);
+    }
+
+    .wy-alert.wy-alert-success,
+    .rst-content .wy-alert-success.note,
+    .rst-content .wy-alert-success.attention,
+    .rst-content .wy-alert-success.caution,
+    .rst-content .wy-alert-success.danger,
+    .rst-content .wy-alert-success.error,
+    .rst-content .hint,
+    .rst-content .important,
+    .rst-content .tip,
+    .rst-content .wy-alert-success.warning,
+    .rst-content .wy-alert-success.seealso,
+    .rst-content .wy-alert-success.admonition-todo,
+    .rst-content .wy-alert-success.admonition {
+        background-image: initial;
+        background-color: rgb(9, 66, 58);
+    }
+
+    .wy-alert.wy-alert-success .wy-alert-title,
+    .rst-content .wy-alert-success.note .wy-alert-title,
+    .rst-content .wy-alert-success.attention .wy-alert-title,
+    .rst-content .wy-alert-success.caution .wy-alert-title,
+    .rst-content .wy-alert-success.danger .wy-alert-title,
+    .rst-content .wy-alert-success.error .wy-alert-title,
+    .rst-content .hint .wy-alert-title,
+    .rst-content .important .wy-alert-title,
+    .rst-content .tip .wy-alert-title,
+    .rst-content .wy-alert-success.warning .wy-alert-title,
+    .rst-content .wy-alert-success.seealso .wy-alert-title,
+    .rst-content .wy-alert-success.admonition-todo .wy-alert-title,
+    .rst-content .wy-alert-success.admonition .wy-alert-title,
+    .wy-alert.wy-alert-success .rst-content .admonition-title,
+    .rst-content .wy-alert.wy-alert-success .admonition-title,
+    .rst-content .wy-alert-success.note .admonition-title,
+    .rst-content .wy-alert-success.attention .admonition-title,
+    .rst-content .wy-alert-success.caution .admonition-title,
+    .rst-content .wy-alert-success.danger .admonition-title,
+    .rst-content .wy-alert-success.error .admonition-title,
+    .rst-content .hint .admonition-title,
+    .rst-content .important .admonition-title,
+    .rst-content .tip .admonition-title,
+    .rst-content .wy-alert-success.warning .admonition-title,
+    .rst-content .wy-alert-success.seealso .admonition-title,
+    .rst-content .wy-alert-success.admonition-todo .admonition-title,
+    .rst-content .wy-alert-success.admonition .admonition-title {
+        background-image: initial;
+        background-color: rgb(21, 150, 125);
+    }
+
+    .wy-alert.wy-alert-neutral,
+    .rst-content .wy-alert-neutral.note,
+    .rst-content .wy-alert-neutral.attention,
+    .rst-content .wy-alert-neutral.caution,
+    .rst-content .wy-alert-neutral.danger,
+    .rst-content .wy-alert-neutral.error,
+    .rst-content .wy-alert-neutral.hint,
+    .rst-content .wy-alert-neutral.important,
+    .rst-content .wy-alert-neutral.tip,
+    .rst-content .wy-alert-neutral.warning,
+    .rst-content .wy-alert-neutral.seealso,
+    .rst-content .wy-alert-neutral.admonition-todo,
+    .rst-content .wy-alert-neutral.admonition {
+        background-image: initial;
+        background-color: rgb(27, 36, 36);
+    }
+
+    .wy-alert.wy-alert-neutral .wy-alert-title,
+    .rst-content .wy-alert-neutral.note .wy-alert-title,
+    .rst-content .wy-alert-neutral.attention .wy-alert-title,
+    .rst-content .wy-alert-neutral.caution .wy-alert-title,
+    .rst-content .wy-alert-neutral.danger .wy-alert-title,
+    .rst-content .wy-alert-neutral.error .wy-alert-title,
+    .rst-content .wy-alert-neutral.hint .wy-alert-title,
+    .rst-content .wy-alert-neutral.important .wy-alert-title,
+    .rst-content .wy-alert-neutral.tip .wy-alert-title,
+    .rst-content .wy-alert-neutral.warning .wy-alert-title,
+    .rst-content .wy-alert-neutral.seealso .wy-alert-title,
+    .rst-content .wy-alert-neutral.admonition-todo .wy-alert-title,
+    .rst-content .wy-alert-neutral.admonition .wy-alert-title,
+    .wy-alert.wy-alert-neutral .rst-content .admonition-title,
+    .rst-content .wy-alert.wy-alert-neutral .admonition-title,
+    .rst-content .wy-alert-neutral.note .admonition-title,
+    .rst-content .wy-alert-neutral.attention .admonition-title,
+    .rst-content .wy-alert-neutral.caution .admonition-title,
+    .rst-content .wy-alert-neutral.danger .admonition-title,
+    .rst-content .wy-alert-neutral.error .admonition-title,
+    .rst-content .wy-alert-neutral.hint .admonition-title,
+    .rst-content .wy-alert-neutral.important .admonition-title,
+    .rst-content .wy-alert-neutral.tip .admonition-title,
+    .rst-content .wy-alert-neutral.warning .admonition-title,
+    .rst-content .wy-alert-neutral.seealso .admonition-title,
+    .rst-content .wy-alert-neutral.admonition-todo .admonition-title,
+    .rst-content .wy-alert-neutral.admonition .admonition-title {
+        color: rgb(192, 186, 178);
+        background-image: initial;
+        background-color: rgb(40, 43, 45);
+    }
+
+    .wy-alert.wy-alert-neutral a,
+    .rst-content .wy-alert-neutral.note a,
+    .rst-content .wy-alert-neutral.attention a,
+    .rst-content .wy-alert-neutral.caution a,
+    .rst-content .wy-alert-neutral.danger a,
+    .rst-content .wy-alert-neutral.error a,
+    .rst-content .wy-alert-neutral.hint a,
+    .rst-content .wy-alert-neutral.important a,
+    .rst-content .wy-alert-neutral.tip a,
+    .rst-content .wy-alert-neutral.warning a,
+    .rst-content .wy-alert-neutral.seealso a,
+    .rst-content .wy-alert-neutral.admonition-todo a,
+    .rst-content .wy-alert-neutral.admonition a {
+        color: rgb(84, 164, 217);
+    }
+
+    .wy-tray-container li {
+        background-image: initial;
+        background-color: transparent;
+        color: rgb(232, 230, 227);
+        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;
+    }
+
+    .wy-tray-container li.wy-tray-item-success {
+        background-image: initial;
+        background-color: rgb(31, 139, 77);
+    }
+
+    .wy-tray-container li.wy-tray-item-info {
+        background-image: initial;
+        background-color: rgb(33, 102, 148);
+    }
+
+    .wy-tray-container li.wy-tray-item-warning {
+        background-image: initial;
+        background-color: rgb(178, 94, 20);
+    }
+
+    .wy-tray-container li.wy-tray-item-danger {
+        background-image: initial;
+        background-color: rgb(162, 33, 20);
+    }
+
+    .btn {
+        color: rgb(232, 230, 227);
+        border-color: rgba(140, 130, 115, 0.1);
+        background-color: rgb(31, 139, 77);
+        text-decoration-color: initial;
+        box-shadow: rgba(24, 26, 27, 0.5) 0px 1px 2px -1px inset,
+        rgba(0, 0, 0, 0.1) 0px -2px 0px 0px inset;
+    }
+
+    .btn-hover {
+        background-image: initial;
+        background-color: rgb(37, 114, 165);
+        color: rgb(232, 230, 227);
+    }
+
+    .btn:hover {
+        background-image: initial;
+        background-color: rgb(35, 156, 86);
+        color: rgb(232, 230, 227);
+    }
+
+    .btn:focus {
+        background-image: initial;
+        background-color: rgb(35, 156, 86);
+        outline-color: initial;
+    }
+
+    .btn:active {
+        box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 0px 0px inset,
+        rgba(0, 0, 0, 0.1) 0px 2px 0px 0px inset;
+    }
+
+    .btn:visited {
+        color: rgb(232, 230, 227);
+    }
+
+    .btn:disabled {
+        background-image: none;
+        box-shadow: none;
+    }
+
+    .btn-disabled {
+        background-image: none;
+        box-shadow: none;
+    }
+
+    .btn-disabled:hover,
+    .btn-disabled:focus,
+    .btn-disabled:active {
+        background-image: none;
+        box-shadow: none;
+    }
+
+    .btn-info {
+        background-color: rgb(33, 102, 148) !important;
+    }
+
+    .btn-info:hover {
+        background-color: rgb(37, 114, 165) !important;
+    }
+
+    .btn-neutral {
+        background-color: rgb(27, 36, 36) !important;
+        color: rgb(192, 186, 178) !important;
+    }
+
+    .btn-neutral:hover {
+        color: rgb(192, 186, 178);
+        background-color: rgb(34, 44, 44) !important;
+    }
+
+    .btn-neutral:visited {
+        color: rgb(192, 186, 178) !important;
+    }
+
+    .btn-success {
+        background-color: rgb(31, 139, 77) !important;
+    }
+
+    .btn-success:hover {
+        background-color: rgb(27, 122, 68) !important;
+    }
+
+    .btn-danger {
+        background-color: rgb(162, 33, 20) !important;
+    }
+
+    .btn-danger:hover {
+        background-color: rgb(149, 30, 18) !important;
+    }
+
+    .btn-warning {
+        background-color: rgb(178, 94, 20) !important;
+    }
+
+    .btn-warning:hover {
+        background-color: rgb(165, 87, 18) !important;
+    }
+
+    .btn-invert {
+        background-color: rgb(26, 28, 29);
+    }
+
+    .btn-invert:hover {
+        background-color: rgb(35, 38, 40) !important;
+    }
+
+    .btn-link {
+        color: rgb(84, 164, 217);
+        box-shadow: none;
+        background-color: transparent !important;
+        border-color: transparent !important;
+    }
+
+    .btn-link:hover {
+        box-shadow: none;
+        background-color: transparent !important;
+        color: rgb(79, 162, 216) !important;
+    }
+
+    .btn-link:active {
+        box-shadow: none;
+        background-color: transparent !important;
+        color: rgb(79, 162, 216) !important;
+    }
+
+    .btn-link:visited {
+        color: rgb(164, 103, 188);
+    }
+
+    .wy-dropdown-menu {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+        border-color: rgb(60, 65, 67);
+        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px;
+    }
+
+    .wy-dropdown-menu > dd > a {
+        color: rgb(192, 186, 178);
+    }
+
+    .wy-dropdown-menu > dd > a:hover {
+        background-image: initial;
+        background-color: rgb(33, 102, 148);
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-dropdown-menu > dd.divider {
+        border-top-color: rgb(60, 65, 67);
+    }
+
+    .wy-dropdown-menu > dd.call-to-action {
+        background-image: initial;
+        background-color: rgb(40, 43, 45);
+    }
+
+    .wy-dropdown-menu > dd.call-to-action:hover {
+        background-image: initial;
+        background-color: rgb(40, 43, 45);
+    }
+
+    .wy-dropdown-menu > dd.call-to-action .btn {
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+    }
+
+    .wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu a:hover {
+        background-image: initial;
+        background-color: rgb(33, 102, 148);
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-dropdown-arrow::before {
+        border-bottom-color: rgb(51, 55, 57);
+        border-left-color: transparent;
+        border-right-color: transparent;
+    }
+
+    fieldset {
+        border-color: initial;
+    }
+
+    legend {
+        border-color: initial;
+    }
+
+    label {
+        color: rgb(200, 195, 188);
+    }
+
+    .wy-control-group.wy-control-group-required > label::after {
+        color: rgb(233, 88, 73);
+    }
+
+    .wy-form-message-inline {
+        color: rgb(168, 160, 149);
+    }
+
+    .wy-form-message {
+        color: rgb(168, 160, 149);
+    }
+
+    input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"] {
+        border-color: rgb(62, 68, 70);
+        box-shadow: rgb(43, 47, 49) 0px 1px 3px inset;
+    }
+
+    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
+        outline-color: initial;
+        border-color: rgb(123, 114, 101);
+    }
+
+    input.no-focus:focus {
+        border-color: rgb(62, 68, 70) !important;
+    }
+
+    input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
+        outline-color: rgb(13, 113, 167);
+    }
+
+    input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled] {
+        background-color: rgb(27, 29, 30);
+    }
+
+    input:focus:invalid,
+    textarea:focus:invalid,
+    select:focus:invalid {
+        color: rgb(233, 88, 73);
+        border-color: rgb(149, 31, 18);
+    }
+
+    input:focus:invalid:focus,
+    textarea:focus:invalid:focus,
+    select:focus:invalid:focus {
+        border-color: rgb(149, 31, 18);
+    }
+
+    input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus {
+        outline-color: rgb(149, 31, 18);
+    }
+
+    select,
+    textarea {
+        border-color: rgb(62, 68, 70);
+        box-shadow: rgb(43, 47, 49) 0px 1px 3px inset;
+    }
+
+    select {
+        border-color: rgb(62, 68, 70);
+        background-color: rgb(24, 26, 27);
+    }
+
+    select:focus,
+    textarea:focus {
+        outline-color: initial;
+    }
+
+    select[disabled],
+    textarea[disabled],
+    input[readonly],
+    select[readonly],
+    textarea[readonly] {
+        background-color: rgb(27, 29, 30);
+    }
+
+    .wy-checkbox,
+    .wy-radio {
+        color: rgb(192, 186, 178);
+    }
+
+    .wy-input-prefix .wy-input-context,
+    .wy-input-suffix .wy-input-context {
+        background-color: rgb(27, 36, 36);
+        border-color: rgb(62, 68, 70);
+        color: rgb(168, 160, 149);
+    }
+
+    .wy-input-suffix .wy-input-context {
+        border-left-color: initial;
+    }
+
+    .wy-input-prefix .wy-input-context {
+        border-right-color: initial;
+    }
+
+    .wy-switch::before {
+        background-image: initial;
+        background-color: rgb(53, 57, 59);
+    }
+
+    .wy-switch::after {
+        background-image: initial;
+        background-color: rgb(82, 88, 92);
+    }
+
+    .wy-switch span {
+        color: rgb(200, 195, 188);
+    }
+
+    .wy-switch.active::before {
+        background-image: initial;
+        background-color: rgb(24, 106, 58);
+    }
+
+    .wy-switch.active::after {
+        background-image: initial;
+        background-color: rgb(31, 139, 77);
+    }
+
+    .wy-control-group.wy-control-group-error .wy-form-message,
+    .wy-control-group.wy-control-group-error > label {
+        color: rgb(233, 88, 73);
+    }
+
+    .wy-control-group.wy-control-group-error input[type="text"], .wy-control-group.wy-control-group-error input[type="password"], .wy-control-group.wy-control-group-error input[type="email"], .wy-control-group.wy-control-group-error input[type="url"], .wy-control-group.wy-control-group-error input[type="date"], .wy-control-group.wy-control-group-error input[type="month"], .wy-control-group.wy-control-group-error input[type="time"], .wy-control-group.wy-control-group-error input[type="datetime"], .wy-control-group.wy-control-group-error input[type="datetime-local"], .wy-control-group.wy-control-group-error input[type="week"], .wy-control-group.wy-control-group-error input[type="number"], .wy-control-group.wy-control-group-error input[type="search"], .wy-control-group.wy-control-group-error input[type="tel"], .wy-control-group.wy-control-group-error input[type="color"] {
+        border-color: rgb(149, 31, 18);
+    }
+
+    .wy-control-group.wy-control-group-error textarea {
+        border-color: rgb(149, 31, 18);
+    }
+
+    .wy-inline-validate.wy-inline-validate-success .wy-input-context {
+        color: rgb(92, 218, 145);
+    }
+
+    .wy-inline-validate.wy-inline-validate-danger .wy-input-context {
+        color: rgb(233, 88, 73);
+    }
+
+    .wy-inline-validate.wy-inline-validate-warning .wy-input-context {
+        color: rgb(232, 138, 54);
+    }
+
+    .wy-inline-validate.wy-inline-validate-info .wy-input-context {
+        color: rgb(84, 164, 217);
+    }
+
+    .wy-table caption,
+    .rst-content table.docutils caption,
+    .rst-content table.field-list caption {
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-table thead,
+    .rst-content table.docutils thead,
+    .rst-content table.field-list thead {
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-table thead th,
+    .rst-content table.docutils thead th,
+    .rst-content table.field-list thead th {
+        border-bottom-color: rgb(56, 61, 63);
+    }
+
+    .wy-table td,
+    .rst-content table.docutils td,
+    .rst-content table.field-list td {
+        background-color: transparent;
+    }
+
+    .wy-table-secondary {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-table-tertiary {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-table-odd td,
+    .wy-table-striped tr:nth-child(2n-1) td,
+    .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td {
+        background-color: rgb(27, 36, 36);
+    }
+
+    .wy-table-backed {
+        background-color: rgb(27, 36, 36);
+    }
+
+    .wy-table-bordered-all,
+    .rst-content table.docutils {
+        border-color: rgb(56, 61, 63);
+    }
+
+    .wy-table-bordered-all td,
+    .rst-content table.docutils td {
+        border-bottom-color: rgb(56, 61, 63);
+        border-left-color: rgb(56, 61, 63);
+    }
+
+    .wy-table-bordered {
+        border-color: rgb(56, 61, 63);
+    }
+
+    .wy-table-bordered-rows td {
+        border-bottom-color: rgb(56, 61, 63);
+    }
+
+    .wy-table-horizontal td,
+    .wy-table-horizontal th {
+        border-bottom-color: rgb(56, 61, 63);
+    }
+
+    a {
+        color: rgb(84, 164, 217);
+        text-decoration-color: initial;
+    }
+
+    a:hover {
+        color: rgb(68, 156, 214);
+    }
+
+    a:visited {
+        color: rgb(164, 103, 188);
+    }
+
+    body {
+        color: rgb(192, 186, 178);
+        background-image: initial;
+        background-color: rgb(33, 35, 37);
+    }
+
+    .wy-text-strike {
+        text-decoration-color: initial;
+    }
+
+    .wy-text-warning {
+        color: rgb(232, 138, 54) !important;
+    }
+
+    a.wy-text-warning:hover {
+        color: rgb(236, 157, 87) !important;
+    }
+
+    .wy-text-info {
+        color: rgb(84, 164, 217) !important;
+    }
+
+    a.wy-text-info:hover {
+        color: rgb(79, 162, 216) !important;
+    }
+
+    .wy-text-success {
+        color: rgb(92, 218, 145) !important;
+    }
+
+    a.wy-text-success:hover {
+        color: rgb(73, 214, 133) !important;
+    }
+
+    .wy-text-danger {
+        color: rgb(233, 88, 73) !important;
+    }
+
+    a.wy-text-danger:hover {
+        color: rgb(237, 118, 104) !important;
+    }
+
+    .wy-text-neutral {
+        color: rgb(192, 186, 178) !important;
+    }
+
+    a.wy-text-neutral:hover {
+        color: rgb(176, 169, 159) !important;
+    }
+
+    hr {
+        border-right-color: initial;
+        border-bottom-color: initial;
+        border-left-color: initial;
+        border-top-color: rgb(56, 61, 63);
+    }
+
+    code,
+    .rst-content tt,
+    .rst-content code {
+        background-image: initial;
+        background-color: rgb(24, 26, 27);
+        border-color: rgb(56, 61, 63);
+        color: rgb(233, 88, 73);
+    }
+
+    .wy-plain-list-disc,
+    .rst-content .section ul,
+    .rst-content .toctree-wrapper ul,
+    article ul {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-disc li,
+    .rst-content .section ul li,
+    .rst-content .toctree-wrapper ul li,
+    article ul li {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-disc li li,
+    .rst-content .section ul li li,
+    .rst-content .toctree-wrapper ul li li,
+    article ul li li {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-disc li li li,
+    .rst-content .section ul li li li,
+    .rst-content .toctree-wrapper ul li li li,
+    article ul li li li {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-disc li ol li,
+    .rst-content .section ul li ol li,
+    .rst-content .toctree-wrapper ul li ol li,
+    article ul li ol li {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-decimal,
+    .rst-content .section ol,
+    .rst-content ol.arabic,
+    article ol {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-decimal li,
+    .rst-content .section ol li,
+    .rst-content ol.arabic li,
+    article ol li {
+        list-style-image: initial;
+    }
+
+    .wy-plain-list-decimal li ul li,
+    .rst-content .section ol li ul li,
+    .rst-content ol.arabic li ul li,
+    article ol li ul li {
+        list-style-image: initial;
+    }
+
+    .wy-breadcrumbs li code,
+    .wy-breadcrumbs li .rst-content tt,
+    .rst-content .wy-breadcrumbs li tt {
+        border-color: initial;
+        background-image: none;
+        background-color: initial;
+    }
+
+    .wy-breadcrumbs li code.literal,
+    .wy-breadcrumbs li .rst-content tt.literal,
+    .rst-content .wy-breadcrumbs li tt.literal {
+        color: rgb(192, 186, 178);
+    }
+
+    .wy-breadcrumbs-extra {
+        color: rgb(184, 178, 169);
+    }
+
+    .wy-menu a:hover {
+        text-decoration-color: initial;
+    }
+
+    .wy-menu-horiz li:hover {
+        background-image: initial;
+        background-color: rgba(24, 26, 27, 0.1);
+    }
+
+    .wy-menu-horiz li.divide-left {
+        border-left-color: rgb(119, 110, 98);
+    }
+
+    .wy-menu-horiz li.divide-right {
+        border-right-color: rgb(119, 110, 98);
+    }
+
+    .wy-menu-vertical header,
+    .wy-menu-vertical p.caption {
+        color: rgb(99, 161, 201);
+    }
+
+    .wy-menu-vertical li.divide-top {
+        border-top-color: rgb(119, 110, 98);
+    }
+
+    .wy-menu-vertical li.divide-bottom {
+        border-bottom-color: rgb(119, 110, 98);
+    }
+
+    .wy-menu-vertical li.current {
+        background-image: initial;
+        background-color: rgb(40, 43, 45);
+    }
+
+    .wy-menu-vertical li.current a {
+        color: rgb(152, 143, 129);
+        border-right-color: rgb(63, 69, 71);
+    }
+
+    .wy-menu-vertical li.current a:hover {
+        background-image: initial;
+        background-color: rgb(47, 51, 53);
+    }
+
+    .wy-menu-vertical li code,
+    .wy-menu-vertical li .rst-content tt,
+    .rst-content .wy-menu-vertical li tt {
+        border-color: initial;
+        background-image: inherit;
+        background-color: inherit;
+        color: inherit;
+    }
+
+    .wy-menu-vertical li span.toctree-expand {
+        color: rgb(183, 177, 168);
+    }
+
+    .wy-menu-vertical li.on a,
+    .wy-menu-vertical li.current > a {
+        color: rgb(192, 186, 178);
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+        border-color: initial;
+    }
+
+    .wy-menu-vertical li.on a:hover,
+    .wy-menu-vertical li.current > a:hover {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+    }
+
+    .wy-menu-vertical li.on a:hover span.toctree-expand,
+    .wy-menu-vertical li.current > a:hover span.toctree-expand {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-menu-vertical li.on a span.toctree-expand,
+    .wy-menu-vertical li.current > a span.toctree-expand {
+        color: rgb(200, 195, 188);
+    }
+
+    .wy-menu-vertical li.toctree-l1.current > a {
+        border-bottom-color: rgb(63, 69, 71);
+        border-top-color: rgb(63, 69, 71);
+    }
+
+    .wy-menu-vertical li.toctree-l2 a,
+    .wy-menu-vertical li.toctree-l3 a,
+    .wy-menu-vertical li.toctree-l4 a {
+        color: rgb(192, 186, 178);
+    }
+
+    .wy-menu-vertical li.toctree-l2.current > a {
+        background-image: initial;
+        background-color: rgb(54, 59, 61);
+    }
+
+    .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
+        background-image: initial;
+        background-color: rgb(54, 59, 61);
+    }
+
+    .wy-menu-vertical li.toctree-l2 a:hover span.toctree-expand {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-menu-vertical li.toctree-l2 span.toctree-expand {
+        color: rgb(174, 167, 156);
+    }
+
+    .wy-menu-vertical li.toctree-l3.current > a {
+        background-image: initial;
+        background-color: rgb(61, 66, 69);
+    }
+
+    .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
+        background-image: initial;
+        background-color: rgb(61, 66, 69);
+    }
+
+    .wy-menu-vertical li.toctree-l3 a:hover span.toctree-expand {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-menu-vertical li.toctree-l3 span.toctree-expand {
+        color: rgb(166, 158, 146);
+    }
+
+    .wy-menu-vertical li ul li a {
+        color: rgb(208, 204, 198);
+    }
+
+    .wy-menu-vertical a {
+        color: rgb(208, 204, 198);
+    }
+
+    .wy-menu-vertical a:hover {
+        background-color: rgb(57, 62, 64);
+    }
+
+    .wy-menu-vertical a:hover span.toctree-expand {
+        color: rgb(208, 204, 198);
+    }
+
+    .wy-menu-vertical a:active {
+        background-color: rgb(33, 102, 148);
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-menu-vertical a:active span.toctree-expand {
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-side-nav-search {
+        background-color: rgb(33, 102, 148);
+        color: rgb(230, 228, 225);
+    }
+
+    .wy-side-nav-search input[type="text"] {
+        border-color: rgb(35, 111, 160);
+    }
+
+    .wy-side-nav-search img {
+        background-color: rgb(33, 102, 148);
+    }
+
+    .wy-side-nav-search > a,
+    .wy-side-nav-search .wy-dropdown > a {
+        color: rgb(230, 228, 225);
+    }
+
+    .wy-side-nav-search > a:hover,
+    .wy-side-nav-search .wy-dropdown > a:hover {
+        background-image: initial;
+        background-color: rgba(24, 26, 27, 0.1);
+    }
+
+    .wy-side-nav-search > a img.logo,
+    .wy-side-nav-search .wy-dropdown > a img.logo {
+        background-image: initial;
+        background-color: transparent;
+    }
+
+    .wy-side-nav-search > div.version {
+        color: rgba(232, 230, 227, 0.3);
+    }
+
+    .wy-nav .wy-menu-vertical header {
+        color: rgb(84, 164, 217);
+    }
+
+    .wy-nav .wy-menu-vertical a {
+        color: rgb(184, 178, 169);
+    }
+
+    .wy-nav .wy-menu-vertical a:hover {
+        background-color: rgb(33, 102, 148);
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-body-for-nav {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+    }
+
+    .wy-nav-side {
+        color: rgb(169, 161, 150);
+        background-image: initial;
+        background-color: rgb(38, 41, 43);
+    }
+
+    .wy-nav-top {
+        background-image: initial;
+        background-color: rgb(33, 102, 148);
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-nav-top a {
+        color: rgb(232, 230, 227);
+    }
+
+    .wy-nav-top img {
+        background-color: rgb(33, 102, 148);
+    }
+
+    .wy-nav-content-wrap {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+    }
+
+    .wy-body-mask {
+        background-image: initial;
+        background-color: rgba(0, 0, 0, 0.2);
+    }
+
+    footer {
+        color: rgb(152, 143, 129);
+    }
+
+    footer span.commit code,
+    footer span.commit .rst-content tt,
+    .rst-content footer span.commit tt {
+        background-image: none;
+        background-color: initial;
+        border-color: initial;
+        color: rgb(152, 143, 129);
+    }
+
+    #search-results .search li {
+        border-bottom-color: rgb(56, 61, 63);
+    }
+
+    #search-results .search li:first-child {
+        border-top-color: rgb(56, 61, 63);
+    }
+
+    #search-results .context {
+        color: rgb(152, 143, 129);
+    }
+
+    .wy-body-for-nav {
+        background-image: initial;
+        background-color: rgb(26, 28, 29);
+    }
+
+    @media screen and (min-width: 1100px) {
+        .wy-nav-content-wrap {
+            background-image: initial;
+            background-color: rgba(0, 0, 0, 0.05);
+        }
+
+        .wy-nav-content {
+            background-image: initial;
+            background-color: rgb(26, 28, 29);
+        }
+    }
+    .rst-versions {
+        color: rgb(230, 228, 225);
+        background-image: initial;
+        background-color: rgb(23, 24, 25);
+    }
+
+    .rst-versions a {
+        color: rgb(84, 164, 217);
+        text-decoration-color: initial;
+    }
+
+    .rst-versions .rst-current-version {
+        background-color: rgb(29, 31, 32);
+        color: rgb(92, 218, 145);
+    }
+
+    .rst-versions .rst-current-version .fa,
+    .rst-versions .rst-current-version .wy-menu-vertical li span.toctree-expand,
+    .wy-menu-vertical li .rst-versions .rst-current-version span.toctree-expand,
+    .rst-versions .rst-current-version .rst-content .admonition-title,
+    .rst-content .rst-versions .rst-current-version .admonition-title,
+    .rst-versions .rst-current-version .rst-content h1 .headerlink,
+    .rst-content h1 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content h2 .headerlink,
+    .rst-content h2 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content h3 .headerlink,
+    .rst-content h3 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content h4 .headerlink,
+    .rst-content h4 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content h5 .headerlink,
+    .rst-content h5 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content h6 .headerlink,
+    .rst-content h6 .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content dl dt .headerlink,
+    .rst-content dl dt .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content p.caption .headerlink,
+    .rst-content p.caption .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content table > caption .headerlink,
+    .rst-content table > caption .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content .code-block-caption .headerlink,
+    .rst-content .code-block-caption .rst-versions .rst-current-version .headerlink,
+    .rst-versions .rst-current-version .rst-content tt.download span:first-child,
+    .rst-content tt.download .rst-versions .rst-current-version span:first-child,
+    .rst-versions .rst-current-version .rst-content code.download span:first-child,
+    .rst-content code.download .rst-versions .rst-current-version span:first-child,
+    .rst-versions .rst-current-version .icon {
+        color: rgb(230, 228, 225);
+    }
+
+    .rst-versions .rst-current-version.rst-out-of-date {
+        background-color: rgb(162, 33, 20);
+        color: rgb(232, 230, 227);
+    }
+
+    .rst-versions .rst-current-version.rst-active-old-version {
+        background-color: rgb(192, 156, 11);
+        color: rgb(232, 230, 227);
+    }
+
+    .rst-versions .rst-other-versions {
+        color: rgb(152, 143, 129);
+    }
+
+    .rst-versions .rst-other-versions hr {
+        border-right-color: initial;
+        border-bottom-color: initial;
+        border-left-color: initial;
+        border-top-color: rgb(119, 111, 98);
+    }
+
+    .rst-versions .rst-other-versions dd a {
+        color: rgb(230, 228, 225);
+    }
+
+    .rst-versions.rst-badge {
+        border-color: initial;
+    }
+
+    .rst-content abbr[title] {
+        text-decoration-color: initial;
+    }
+
+    .rst-content.style-external-links a.reference.external::after {
+        color: rgb(184, 178, 169);
+    }
+
+    .rst-content pre.literal-block, .rst-content div[class^="highlight"] {
+        border-color: rgb(56, 61, 63);
+    }
+
+    .rst-content pre.literal-block div[class^="highlight"], .rst-content div[class^="highlight"] div[class^="highlight"] {
+        border-color: initial;
+    }
+
+    .rst-content .linenodiv pre {
+        border-right-color: rgb(54, 59, 61);
+    }
+
+    .rst-content .admonition table {
+        border-color: rgba(140, 130, 115, 0.1);
+    }
+
+    .rst-content .admonition table td,
+    .rst-content .admonition table th {
+        background-image: initial !important;
+        background-color: transparent !important;
+        border-color: rgba(140, 130, 115, 0.1) !important;
+    }
+
+    .rst-content .section ol.loweralpha,
+    .rst-content .section ol.loweralpha li {
+        list-style-image: initial;
+    }
+
+    .rst-content .section ol.upperalpha,
+    .rst-content .section ol.upperalpha li {
+        list-style-image: initial;
+    }
+
+    .rst-content .toc-backref {
+        color: rgb(192, 186, 178);
+    }
+
+    .rst-content .sidebar {
+        background-image: initial;
+        background-color: rgb(27, 36, 36);
+        border-color: rgb(56, 61, 63);
+    }
+
+    .rst-content .sidebar .sidebar-title {
+        background-image: initial;
+        background-color: rgb(40, 43, 45);
+    }
+
+    .rst-content .highlighted {
+        background-image: initial;
+        background-color: rgb(192, 156, 11);
+    }
+
+    .rst-content table.docutils.citation,
+    .rst-content table.docutils.footnote {
+        background-image: none;
+        background-color: initial;
+        border-color: initial;
+        color: rgb(152, 143, 129);
+    }
+
+    .rst-content table.docutils.citation td,
+    .rst-content table.docutils.citation tr,
+    .rst-content table.docutils.footnote td,
+    .rst-content table.docutils.footnote tr {
+        border-color: initial;
+        background-color: transparent !important;
+    }
+
+    .rst-content table.docutils.citation tt,
+    .rst-content table.docutils.citation code,
+    .rst-content table.docutils.footnote tt,
+    .rst-content table.docutils.footnote code {
+        color: rgb(178, 172, 162);
+    }
+
+    .rst-content table.docutils th {
+        border-color: rgb(56, 61, 63);
+    }
+
+    .rst-content table.field-list {
+        border-color: initial;
+    }
+
+    .rst-content table.field-list td {
+        border-color: initial;
+    }
+
+    .rst-content tt,
+    .rst-content tt,
+    .rst-content code {
+        color: rgb(232, 230, 227);
+    }
+
+    .rst-content tt.literal,
+    .rst-content tt.literal,
+    .rst-content code.literal {
+        color: rgb(233, 88, 73);
+    }
+
+    .rst-content tt.xref,
+    a .rst-content tt,
+    .rst-content tt.xref,
+    .rst-content code.xref,
+    a .rst-content tt,
+    a .rst-content code {
+        color: rgb(192, 186, 178);
+    }
+
+    .rst-content a tt,
+    .rst-content a tt,
+    .rst-content a code {
+        color: rgb(84, 164, 217);
+    }
+
+    .rst-content dl:not(.docutils) dt {
+        background-image: initial;
+        background-color: rgb(32, 35, 36);
+        color: rgb(84, 164, 217);
+        border-top-color: rgb(28, 89, 128);
+    }
+
+    .rst-content dl:not(.docutils) dt::before {
+        color: rgb(109, 178, 223);
+    }
+
+    .rst-content dl:not(.docutils) dt .headerlink {
+        color: rgb(192, 186, 178);
+    }
+
+    .rst-content dl:not(.docutils) dl dt {
+        border-top-color: initial;
+        border-right-color: initial;
+        border-bottom-color: initial;
+        border-left-color: rgb(62, 68, 70);
+        background-image: initial;
+        background-color: rgb(32, 35, 37);
+        color: rgb(178, 172, 162);
+    }
+
+    .rst-content dl:not(.docutils) dl dt .headerlink {
+        color: rgb(192, 186, 178);
+    }
+
+    .rst-content dl:not(.docutils) tt.descname,
+    .rst-content dl:not(.docutils) tt.descclassname,
+    .rst-content dl:not(.docutils) tt.descname,
+    .rst-content dl:not(.docutils) code.descname,
+    .rst-content dl:not(.docutils) tt.descclassname,
+    .rst-content dl:not(.docutils) code.descclassname {
+        background-color: transparent;
+        border-color: initial;
+    }
+
+    .rst-content dl:not(.docutils) .optional {
+        color: rgb(232, 230, 227);
+    }
+
+    .rst-content .viewcode-link,
+    .rst-content .viewcode-back {
+        color: rgb(92, 218, 145);
+    }
+
+    .rst-content tt.download,
+    .rst-content code.download {
+        background-image: inherit;
+        background-color: inherit;
+        color: inherit;
+        border-color: inherit;
+    }
+
+    .rst-content .guilabel {
+        border-color: rgb(27, 84, 122);
+        background-image: initial;
+        background-color: rgb(32, 35, 36);
+    }
+
+    span[id*="MathJax-Span"] {
+        color: rgb(192, 186, 178);
+    }
+
+    .highlight .hll {
+        background-color: rgb(82, 82, 0);
+    }
+
+    .highlight {
+        background-image: initial;
+        background-color: rgb(61, 82, 0);
+    }
+
+    .highlight .c {
+        color: rgb(119, 179, 195);
+    }
+
+    .highlight .err {
+        border-color: rgb(179, 0, 0);
+    }
+
+    .highlight .k {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .o {
+        color: rgb(168, 160, 149);
+    }
+
+    .highlight .ch {
+        color: rgb(119, 179, 195);
+    }
+
+    .highlight .cm {
+        color: rgb(119, 179, 195);
+    }
+
+    .highlight .cp {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .cpf {
+        color: rgb(119, 179, 195);
+    }
+
+    .highlight .c1 {
+        color: rgb(119, 179, 195);
+    }
+
+    .highlight .cs {
+        color: rgb(119, 179, 195);
+        background-color: rgb(60, 0, 0);
+    }
+
+    .highlight .gd {
+        color: rgb(255, 92, 92);
+    }
+
+    .highlight .gr {
+        color: rgb(255, 26, 26);
+    }
+
+    .highlight .gh {
+        color: rgb(127, 174, 255);
+    }
+
+    .highlight .gi {
+        color: rgb(92, 255, 92);
+    }
+
+    .highlight .go {
+        color: rgb(200, 195, 188);
+    }
+
+    .highlight .gp {
+        color: rgb(246, 147, 68);
+    }
+
+    .highlight .gu {
+        color: rgb(255, 114, 255);
+    }
+
+    .highlight .gt {
+        color: rgb(71, 160, 255);
+    }
+
+    .highlight .kc {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .kd {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .kn {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .kp {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .kr {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .kt {
+        color: rgb(255, 137, 103);
+    }
+
+    .highlight .m {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .s {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .na {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .nb {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .nc {
+        color: rgb(81, 194, 242);
+    }
+
+    .highlight .no {
+        color: rgb(103, 177, 215);
+    }
+
+    .highlight .nd {
+        color: rgb(178, 172, 162);
+    }
+
+    .highlight .ni {
+        color: rgb(217, 100, 73);
+    }
+
+    .highlight .ne {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .nf {
+        color: rgb(131, 186, 249);
+    }
+
+    .highlight .nl {
+        color: rgb(137, 193, 255);
+    }
+
+    .highlight .nn {
+        color: rgb(81, 194, 242);
+    }
+
+    .highlight .nt {
+        color: rgb(138, 191, 249);
+    }
+
+    .highlight .nv {
+        color: rgb(190, 103, 215);
+    }
+
+    .highlight .ow {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .w {
+        color: rgb(189, 183, 175);
+    }
+
+    .highlight .mb {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .mf {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .mh {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .mi {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .mo {
+        color: rgb(125, 222, 174);
+    }
+
+    .highlight .sa {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .sb {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .sc {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .dl {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .sd {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .s2 {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .se {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .sh {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .si {
+        color: rgb(117, 168, 209);
+    }
+
+    .highlight .sx {
+        color: rgb(246, 147, 68);
+    }
+
+    .highlight .sr {
+        color: rgb(133, 182, 224);
+    }
+
+    .highlight .s1 {
+        color: rgb(123, 166, 202);
+    }
+
+    .highlight .ss {
+        color: rgb(188, 230, 128);
+    }
+
+    .highlight .bp {
+        color: rgb(126, 255, 163);
+    }
+
+    .highlight .fm {
+        color: rgb(131, 186, 249);
+    }
+
+    .highlight .vc {
+        color: rgb(190, 103, 215);
+    }
+
+    .highlight .vg {
+        color: rgb(190, 103, 215);
+    }
+
+    .highlight .vi {
+        color: rgb(190, 103, 215);
+    }
+
+    .highlight .vm {
+        color: rgb(190, 103, 215);
+    }
+
+    .highlight .il {
+        color: rgb(125, 222, 174);
+    }
+
+    .rst-other-versions a {
+        border-color: initial;
+    }
+
+    .ethical-sidebar .ethical-image-link,
+    .ethical-footer .ethical-image-link {
+        border-color: initial;
+    }
+
+    .ethical-sidebar,
+    .ethical-footer {
+        background-color: rgb(34, 36, 38);
+        border-color: rgb(62, 68, 70);
+        color: rgb(226, 223, 219);
+    }
+
+    .ethical-sidebar ul {
+        list-style-image: initial;
+    }
+
+    .ethical-sidebar ul li {
+        background-color: rgb(5, 77, 121);
+        color: rgb(232, 230, 227);
+    }
+
+    .ethical-sidebar a,
+    .ethical-sidebar a:visited,
+    .ethical-sidebar a:hover,
+    .ethical-sidebar a:active,
+    .ethical-footer a,
+    .ethical-footer a:visited,
+    .ethical-footer a:hover,
+    .ethical-footer a:active {
+        color: rgb(226, 223, 219);
+        text-decoration-color: initial !important;
+        border-bottom-color: initial !important;
+    }
+
+    .ethical-callout a {
+        color: rgb(161, 153, 141) !important;
+        text-decoration-color: initial !important;
+    }
+
+    .ethical-fixedfooter {
+        background-color: rgb(34, 36, 38);
+        border-top-color: rgb(66, 72, 74);
+        color: rgb(192, 186, 178);
+    }
+
+    .ethical-fixedfooter .ethical-text::before {
+        background-color: rgb(61, 140, 64);
+        color: rgb(232, 230, 227);
+    }
+
+    .ethical-fixedfooter .ethical-callout {
+        color: rgb(168, 160, 149);
+    }
+
+    .ethical-fixedfooter a,
+    .ethical-fixedfooter a:hover,
+    .ethical-fixedfooter a:active,
+    .ethical-fixedfooter a:visited {
+        color: rgb(192, 186, 178);
+        text-decoration-color: initial;
+    }
+
+    .ethical-rtd .ethical-sidebar {
+        color: rgb(184, 178, 169);
+    }
+
+    .ethical-alabaster a.ethical-image-link {
+        border-color: initial !important;
+    }
+
+    .ethical-dark-theme .ethical-sidebar {
+        background-color: rgb(58, 62, 65);
+        border-color: rgb(75, 81, 84);
+        color: rgb(193, 188, 180) !important;
+    }
+
+    .ethical-dark-theme a,
+    .ethical-dark-theme a:visited {
+        color: rgb(216, 213, 208) !important;
+        border-bottom-color: initial !important;
+    }
+
+    .ethical-dark-theme .ethical-callout a {
+        color: rgb(184, 178, 169) !important;
+    }
+
+    .keep-us-sustainable {
+        border-color: rgb(87, 133, 38);
+    }
+
+    .keep-us-sustainable a,
+    .keep-us-sustainable a:hover,
+    .keep-us-sustainable a:visited {
+        text-decoration-color: initial;
+    }
+
+    .wy-body-for-nav .keep-us-sustainable {
+        color: rgb(184, 178, 169);
+    }
+
+    .wy-body-for-nav .keep-us-sustainable a {
+        color: rgb(222, 219, 215);
+    }
+}