.fog-container{height:100vh;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;overflow:hidden}.fog-container canvas{display:block;min-width:100%;min-height:100%;position:absolute;left:50%;top:0;opacity:.9;-webkit-transform:translate(-50%);transform:translate(-50%)}.icon-fog{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;position:fixed;right:30px;bottom:30px;width:80px;height:80px;z-index:1001;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.icon-fog.on{background-image:url(https://www.it.mk/fog/mask-on.png);background-size:80px 80px}.icon-fog.off{background-image:url(https://www.it.mk/fog/mask-off.png);background-size:80px 80px}.icon-fog:hover{cursor:pointer;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.on-fog{display:inherit}.off-fog{display:none}