@charset "UTF-8";
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4; }
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical; }
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden,
[hidden] {
display: none !important; }
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */ }
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only.focusable:active,
.sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto; }
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden; }
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix::before,
.clearfix::after {
content: " ";
display: table; }
.clearfix::after {
clear: both; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
.logo-item {
background-position: center top; } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */ }
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*::before,
*::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]::after {
content: " (" attr(href) ")"; }
abbr[title]::after {
content: " (" attr(title) ")"; }
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: ""; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
/*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/*
* own css
*/
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
/*@include themable(themename, header-textfarbe, header-hintergrund, panel-hintergrund,
panel-textfarbe, primärfarbe);*/
.clown {
/*body*/
transition: width 2s;
background-color: #060706;
color: #c6c9c8;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.clown a#video_link {
color: #bf4b4e; }
.clown nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.clown nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.clown nav.menu ul li {
list-style-type: none;
display: flex; }
.clown ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.clown nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.clown nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.clown nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.clown nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.clown nav.menu ul li.default_links a {
text-decoration: none;
color: #c6c9c8;
font-size: 20px; }
.clown nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.clown nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #c6c9c8; }
.clown .claim div {
position: flex;
justify-content: center; }
.clown .claim div h1 {
color: #c6c9c8;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.clown div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #282b24;
color: #c6c9c8;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.clown img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.clown img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.clown img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.clown img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.clown div.divider {
background-color: #bf4b4e;
margin: 10px;
padding: 0;
height: 3px; }
.clown a {
color: #bf4b4e; }
.clown .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #060706;
display: none; }
@media only screen and (max-width: 1020px) {
.clown #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.clown #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.clown #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.clown #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.clown #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.clown #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.clown #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.clown #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.clown #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.clown #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.clown #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.clown #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.clown #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.clown #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.clown #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.clown #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.clown #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.clown #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.clown #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.clown #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.clown #hm7 div {
display: none; }
.clown #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.clown #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.clown #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.clown #hm11 div {
display: none; }
.clown #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.clown #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.clown #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.clown #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.clown #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.clown #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.clown #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.clown #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.clown #screenshot_smokingprotocol_3 {
display: none; }
.clown #screenshot_humidor_manager_2 {
display: none; } }
.romeo {
/*body*/
transition: width 2s;
background-color: #403d39;
color: #BE6E46;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.romeo a#video_link {
color: #CCC5B9; }
.romeo nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.romeo nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.romeo nav.menu ul li {
list-style-type: none;
display: flex; }
.romeo ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.romeo nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.romeo nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.romeo nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.romeo nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.romeo nav.menu ul li.default_links a {
text-decoration: none;
color: #BE6E46;
font-size: 20px; }
.romeo nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.romeo nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #BE6E46; }
.romeo .claim div {
position: flex;
justify-content: center; }
.romeo .claim div h1 {
color: #BE6E46;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.romeo div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #252422;
color: #BE6E46;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.romeo img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.romeo img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.romeo img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.romeo img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.romeo div.divider {
background-color: #CCC5B9;
margin: 10px;
padding: 0;
height: 3px; }
.romeo a {
color: #CCC5B9; }
.romeo .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #403d39;
display: none; }
@media only screen and (max-width: 1020px) {
.romeo #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.romeo #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.romeo #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.romeo #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.romeo #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.romeo #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.romeo #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.romeo #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.romeo #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.romeo #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.romeo #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.romeo #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.romeo #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.romeo #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.romeo #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.romeo #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.romeo #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.romeo #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.romeo #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.romeo #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.romeo #hm7 div {
display: none; }
.romeo #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.romeo #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.romeo #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.romeo #hm11 div {
display: none; }
.romeo #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.romeo #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.romeo #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.romeo #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.romeo #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.romeo #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.romeo #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.romeo #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.romeo #screenshot_smokingprotocol_3 {
display: none; }
.romeo #screenshot_humidor_manager_2 {
display: none; } }
.cigaro {
/*body*/
transition: width 2s;
background-color: #53473D;
color: #c1c28f;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.cigaro a#video_link {
color: #e4e7ec; }
.cigaro nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.cigaro nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.cigaro nav.menu ul li {
list-style-type: none;
display: flex; }
.cigaro ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.cigaro nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.cigaro nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.cigaro nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.cigaro nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.cigaro nav.menu ul li.default_links a {
text-decoration: none;
color: #c1c28f;
font-size: 20px; }
.cigaro nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.cigaro nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #c1c28f; }
.cigaro .claim div {
position: flex;
justify-content: center; }
.cigaro .claim div h1 {
color: #c1c28f;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.cigaro div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #6e775f;
color: #c1c28f;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.cigaro img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.cigaro img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.cigaro img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.cigaro img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.cigaro div.divider {
background-color: #e4e7ec;
margin: 10px;
padding: 0;
height: 3px; }
.cigaro a {
color: #e4e7ec; }
.cigaro .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #53473D;
display: none; }
@media only screen and (max-width: 1020px) {
.cigaro #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.cigaro #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.cigaro #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.cigaro #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.cigaro #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.cigaro #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.cigaro #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.cigaro #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.cigaro #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.cigaro #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.cigaro #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.cigaro #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.cigaro #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.cigaro #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.cigaro #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.cigaro #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.cigaro #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.cigaro #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.cigaro #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.cigaro #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.cigaro #hm7 div {
display: none; }
.cigaro #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.cigaro #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.cigaro #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.cigaro #hm11 div {
display: none; }
.cigaro #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.cigaro #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.cigaro #screenshot_smokingprotocol_3 {
display: none; }
.cigaro #screenshot_humidor_manager_2 {
display: none; } }
.davy {
/*body*/
transition: width 2s;
background-color: #222;
color: #86b168;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.davy a#video_link {
color: #86b168; }
.davy nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.davy nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.davy nav.menu ul li {
list-style-type: none;
display: flex; }
.davy ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.davy nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.davy nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.davy nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.davy nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.davy nav.menu ul li.default_links a {
text-decoration: none;
color: #86b168;
font-size: 20px; }
.davy nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.davy nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #86b168; }
.davy .claim div {
position: flex;
justify-content: center; }
.davy .claim div h1 {
color: #86b168;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.davy div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #413c38;
color: #349f59;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.davy img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.davy img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.davy img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.davy img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.davy div.divider {
background-color: #86b168;
margin: 10px;
padding: 0;
height: 3px; }
.davy a {
color: #86b168; }
.davy .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #222;
display: none; }
@media only screen and (max-width: 1020px) {
.davy #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.davy #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.davy #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.davy #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.davy #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.davy #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.davy #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.davy #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.davy #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.davy #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.davy #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.davy #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.davy #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.davy #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.davy #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.davy #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.davy #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.davy #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.davy #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.davy #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.davy #hm7 div {
display: none; }
.davy #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.davy #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.davy #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.davy #hm11 div {
display: none; }
.davy #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.davy #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.davy #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.davy #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.davy #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.davy #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.davy #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.davy #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.davy #screenshot_smokingprotocol_3 {
display: none; }
.davy #screenshot_humidor_manager_2 {
display: none; } }
.burn {
/*body*/
transition: width 2s;
background-color: #d4cfb2;
color: #874a1d;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.burn a#video_link {
color: #874a1d; }
.burn nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.burn nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.burn nav.menu ul li {
list-style-type: none;
display: flex; }
.burn ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.burn nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.burn nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.burn nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.burn nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.burn nav.menu ul li.default_links a {
text-decoration: none;
color: #874a1d;
font-size: 20px; }
.burn nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.burn nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #874a1d; }
.burn .claim div {
position: flex;
justify-content: center; }
.burn .claim div h1 {
color: #874a1d;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.burn div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #ffc448;
color: #874a1d;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.burn img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.burn img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.burn img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.burn img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.burn div.divider {
background-color: #874a1d;
margin: 10px;
padding: 0;
height: 3px; }
.burn a {
color: #874a1d; }
.burn .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #d4cfb2;
display: none; }
@media only screen and (max-width: 1020px) {
.burn #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.burn #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.burn #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.burn #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.burn #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.burn #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.burn #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.burn #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.burn #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.burn #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.burn #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.burn #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.burn #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.burn #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.burn #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.burn #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.burn #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.burn #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.burn #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.burn #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.burn #hm7 div {
display: none; }
.burn #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.burn #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.burn #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.burn #hm11 div {
display: none; }
.burn #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.burn #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.burn #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.burn #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.burn #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.burn #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.burn #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.burn #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.burn #screenshot_smokingprotocol_3 {
display: none; }
.burn #screenshot_humidor_manager_2 {
display: none; } }
.herb {
/*body*/
transition: width 2s;
background-color: #1b2021;
color: #E3DCC2;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
overflow-x: hidden;
/*screenshots*/ }
.herb a#video_link {
color: #A6A867; }
.herb nav.menu {
width: 100%;
display: flex;
padding: 0;
margin: 0; }
.herb nav.menu ul {
width: 100%;
display: flex;
flex-flow: row wrap-reverse;
align-items: flex-end;
margin: 0;
padding: 0;
justify-content: center; }
.herb nav.menu ul li {
list-style-type: none;
display: flex; }
.herb ul li.logo_link ul {
display: flex;
flex-flow: row wrap;
align-items: center; }
.herb nav.menu ul li a img.logo {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 300px;
min-height: 300px;
border: 0; }
.herb nav.menu ul li.default_links {
flex-flow: row-reverse wrap;
justify-content: flex-end;
flex-grow: 2; }
.herb nav.menu ul li.default_links ul {
display: flex;
justify-content: flex-end;
margin-top: 10px; }
.herb nav.menu ul li.default_links ul li.default_link {
margin-right: 20px; }
.herb nav.menu ul li.default_links a {
text-decoration: none;
color: #E3DCC2;
font-size: 20px; }
.herb nav.menu ul li.default_links ul li.scheme_select {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.herb nav.menu ul li.default_links ul li.scheme_select div {
margin-right: 20px;
margin-bottom: 5px;
height: 20px;
width: 20px;
border: 1px solid #E3DCC2; }
.herb .claim div {
position: flex;
justify-content: center; }
.herb .claim div h1 {
color: #E3DCC2;
font-weight: bold;
font-size: 48px;
padding-left: 10px;
padding-right: 10px;
margin: 0; }
.herb div.main_content {
font-size: 24px;
padding: 10px;
text-align: left;
background-color: #51513D;
color: #E3DCC2;
hyphens: auto;
word-break: break-word;
animation-name: fadein;
animation-duration: 1s; }
.herb img.humi {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.herb img.pencil {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.cigar {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin: 10px;
margin-top: 0px; }
.herb img.video {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 80px;
min-height: 80px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.happy {
content: url('data:image/svg+xml;charset=UTF-8,');
border: 0;
margin-top: -100px;
margin-bottom: -150px;
margin-left: -10px; }
.herb img.hammer {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.stats {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 100px;
min-height: 100px;
border: 0;
float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.apple {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.android {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.windows {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb img.linux {
content: url('data:image/svg+xml;charset=UTF-8,');
min-width: 50px;
min-height: 50px;
border: 0;
margin-left: 20px;
margin-right: 10px;
margin-top: 0px; }
.herb div.divider {
background-color: #A6A867;
margin: 10px;
padding: 0;
height: 3px; }
.herb a {
color: #A6A867; }
.herb .screenshotlink {
width: fit-content;
max-width: 100%;
background-color: #1b2021;
display: none; }
@media only screen and (max-width: 1020px) {
.herb #hm1 div {
content: url("./../img/humidormanager_sp1.jpg");
width: 270px;
height: 602px; }
.herb #hm2 div {
content: url("./../img/humidormanager_sp2.jpg");
width: 270px;
height: 602px; }
.herb #hm3 div {
content: url("./../img/overview_sp.jpg");
width: 270px;
height: 602px; }
.herb #hm4 div {
content: url("./../img/search_sp.jpg");
width: 270px;
height: 602px; }
.herb #hm5 div {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 270px;
height: 602px; }
.herb #hm6 div {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 270px;
height: 602px; }
.herb #hm7 div {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 270px;
height: 602px; }
.herb #hm8 div {
content: url("./../img/cigarselector_sp.jpg");
width: 270px;
height: 602px; }
.herb #hm9 div {
content: url("./../img/cigarcounter_sp.jpg");
width: 270px;
height: 602px; }
.herb #hm10 div {
content: url("./../img/humidormanager_sp3.png");
width: 270px;
height: 602px; }
.herb #hm11 div {
content: url("./../img/humidormanager_sp4.png");
width: 270px;
height: 602px; }
.herb #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_sp1.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_humidor_manager_2 {
content: url("./../img/humidormanager_sp2.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_sp3.png");
width: 135px;
height: 301px; }
.herb #screenshot_humidor_manager_4 {
content: url("./../img/humidormanager_sp4.png");
width: 135px;
height: 301px; }
.herb #screenshot_overview {
content: url("./../img/overview_sp.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_search {
content: url("./../img/search_sp.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_cigarcounter {
content: url("./../img/cigarcounter_sp.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_cigarselector {
content: url("./../img/cigarselector_sp.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_sp1.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_sp2.jpg");
width: 135px;
height: 301px; }
.herb #screenshot_smokingprotocol_3 {
content: url("./../img/smokingprotocol_sp3.jpg");
width: 135px;
height: 301px; } }
@media only screen and (min-width: 1020px) {
.herb #hm1 div {
content: url("./../img/humidormanager_desk1.png");
width: 960px;
height: 600px; }
.herb #hm3 div {
content: url("./../img/overview_desk.png");
width: 960px;
height: 600px; }
.herb #hm4 div {
content: url("./../img/search_desk.png");
width: 960px;
height: 600px; }
.herb #hm5 div {
content: url("./../img/smokingprotocol_desk1.png");
width: 600px;
height: 960px; }
.herb #hm6 div {
content: url("./../img/smokingprotocol_desk2.png");
width: 960px;
height: 600px; }
.herb #hm7 div {
display: none; }
.herb #hm8 div {
content: url("./../img/cigarselector_desk.png");
width: 960px;
height: 600px; }
.herb #hm9 div {
content: url("./../img/cigarcounter_desk.png");
width: 960px;
height: 600px; }
.herb #hm10 div {
content: url("./../img/humidormanager_desk2.png");
width: 960px;
height: 600px; }
.herb #hm11 div {
display: none; }
.herb #screenshot_humidor_manager_1 {
content: url("./../img/humidormanager_desk1.png");
width: 640px;
height: 400px; }
.herb #screenshot_humidor_manager_3 {
content: url("./../img/humidormanager_desk2.png");
width: 640px;
height: 400px; }
.herb #screenshot_overview {
content: url("./../img/overview_desk.png");
width: 640px;
height: 400px; }
.herb #screenshot_search {
content: url("./../img/search_desk.png");
width: 640px;
height: 400px; }
.herb #screenshot_cigarcounter {
content: url("./../img/cigarcounter_desk.png");
width: 640px;
height: 400px; }
.herb #screenshot_cigarselector {
content: url("./../img/cigarselector_desk.png");
width: 640px;
height: 400px; }
.herb #screenshot_smokingprotocol_1 {
content: url("./../img/smokingprotocol_desk1.png");
width: 400px;
height: 640px; }
.herb #screenshot_smokingprotocol_2 {
content: url("./../img/smokingprotocol_desk2.png");
width: 640px;
height: 400px; }
.herb #screenshot_smokingprotocol_3 {
display: none; }
.herb #screenshot_humidor_manager_2 {
display: none; } }
.scheme_select {
cursor: pointer; }
.scheme_select div.romeo {
background-color: #BE6E46; }
.scheme_select div.clown {
background-color: #060706; }
.scheme_select div.cigaro {
background-color: #53473D; }
.scheme_select div.davy {
background-color: #349f59; }
.scheme_select div.herb {
background-color: #1b2021; }
#logo-img {
height: auto;
width: 240px; }
#logo-img-pwa {
height: auto;
width: 240px; }
#logo-img-apple {
height: auto;
width: 200px;
margin-left: 15px; }
.appstorelink {
text-decoration: none; }
div#bs {
display: flex;
cursor: pointer; }
div#bs div {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px; }
div#bs div div {
display: flex;
font-size: 12px;
font-weight: bold; }
div#bs div#desktop {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 12px;
font-weight: bold;
width: 50%;
justify-content: center;
text-align: center; }
span.small_link {
font-size: small; }
/*# sourceMappingURL=main.css.map */