nav.regular{z-index:99}main{z-index:0}main section{z-index:1}main section article{z-index:2}main section#top article#menu div#ship_body{z-index:3}main section#skills aside figure{z-index:10}main section#skills article div.projects a span{z-index:3}main section#portfolio article figure{z-index:3}main section#blogs article figure{z-index:3}main section#blogs article h2,main section#blogs article h3,main section#blogs article div{z-index:4}body.portfolio header div.preview.responsive figure picture.pc{z-index:4}body.portfolio header div.preview.responsive figure picture.tablet{z-index:5}body.portfolio header div.preview.responsive figure picture.cell{z-index:6}body.portfolio header div.preview.responsive figure picture:hover{z-index:7}body.portfolio header nav{z-index:9}footer{z-index:99}html{height:100%;font-family:Arial, Helvetica, Sans-serif}html ::-webkit-scrollbar{width:1em;height:1em;background-color:#000010}html ::-webkit-scrollbar-thumb{background-color:#333;border:0.25em solid transparent;background-clip:padding-box;min-height:1.5em;cursor:pointer}html ::-webkit-scrollbar-track{border-width:0.25em;box-shadow:inset 0 0 10px 10px #000010}html body div.gallery{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;opacity:0;-webkit-transition:opacity 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out;-ms-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}html body div.gallery.visible{opacity:1;background:rgba(0,0,0,0.75)}html body div.gallery div.top{flex:1 0 auto}html body div.gallery div.body{width:100%;height:100%;min-width:0;max-width:100%;position:relative;flex:1 1 auto}html body div.gallery div.body span{position:absolute;top:50%;display:inline-block;width:3em;height:3em;border-radius:50%;background-color:black;z-index:96;cursor:pointer;-webkit-transition:transform 200ms ease-in-out;-moz-transition:transform 200ms ease-in-out;-ms-transition:transform 200ms ease-in-out;-o-transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out;-webkit-backface-visibility:hidden;border:0.25em solid #fafafa;margin-top:-1.75em}html body div.gallery div.body span:hover{webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);border-color:#fff}html body div.gallery div.body span p{border-top:1em solid transparent;border-bottom:1em solid transparent;display:block;position:absolute;top:0.5em;margin:0}html body div.gallery div.body span.left{left:1em}html body div.gallery div.body span.left p{left:0.625em;border-left-width:0px;border-right:1.25em solid #fafafa}html body div.gallery div.body span.left:hover p{border-right-color:#fff}html body div.gallery div.body span.right{right:1em}html body div.gallery div.body span.right p{right:0.625em;border-right-width:0px;border-left:1.25em solid #fafafa}html body div.gallery div.body span.right:hover border p{border-left-color:#fff}html body div.gallery div.body span.close{top:2.75em;right:1em;text-align:center}html body div.gallery div.body span.close p{position:relative;height:1em;line-height:1em;top:0.25em;font-size:2em;border:none;vertical-align:middle}html body div.gallery div.body picture{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0.75em;left:0.75em;right:0.75em;bottom:0;border-radius:0.5em;text-align:center}html body div.gallery div.body picture img{min-width:1px;width:auto;height:auto;max-width:100%;max-height:100%;display:block;border-radius:0.5em;border:0.25em solid black}html body div.gallery div.switcher{flex:1 0 auto;max-width:100%;min-width:100%;padding-top:0.5em;padding-bottom:0.25em;white-space:nowrap;text-align:center;overflow:hidden;box-sizing:border-box;position:relative;vertical-align:middle;background-color:rgba(0,0,0,0.5)}html body div.gallery div.switcher span{z-index:96;display:inline-block;position:fixed;bottom:0;width:3em;height:72px;background-color:black;vertical-align:middle}html body div.gallery div.switcher span.hidden{opacity:0}html body div.gallery div.switcher span p{content:'';display:inline-block;position:absolute;top:1.5em;margin:0;cursor:pointer;-webkit-transition:tranform 0.2s ease-in-out;-moz-transition:tranform 0.2s ease-in-out;-ms-transition:tranform 0.2s ease-in-out;-o-transition:tranform 0.2s ease-in-out;transition:tranform 0.2s ease-in-out;-webkit-backface-visibility:hidden}html body div.gallery div.switcher span p:hover{webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}html body div.gallery div.switcher span.left{left:0;background:linear-gradient(-90deg, transparent, #000),linear-gradient(-90deg, transparent, #000)}html body div.gallery div.switcher span.left p{border-left-width:0px;border-top:1em solid transparent;border-bottom:1em solid transparent;border-right:1.25em solid #fafafa;left:0.25em}html body div.gallery div.switcher span.left p:hover{border-right-color:#fff}html body div.gallery div.switcher span.right{right:0;background:linear-gradient(90deg, transparent, #000),linear-gradient(90deg, transparent, #000)}html body div.gallery div.switcher span.right p{border-right-width:0px;border-top:1em solid transparent;border-bottom:1em solid transparent;border-left:1.25em solid #fafafa;right:0.25em}html body div.gallery div.switcher span.right p:hover{border-left-color:#fff}html body div.gallery div.switcher picture{display:inline-block;vertical-align:middle;border:4px solid transparent;border-radius:0.5em;position:relative;cursor:pointer}html body div.gallery div.switcher picture.first{margin-left:1.5em}html body div.gallery div.switcher picture.last{margin-right:1.5em}html body div.gallery div.switcher picture img{display:block;border-radius:0.25em;height:64px}html body{background-color:#000010;color:#fafafa;height:100%;height:100vm;height:100vmin;font-size:1.25em;font-size:1.25vw;font-size:1.2vmax;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}@media only screen and (max-width: 800px){html body{font-size:1em}}html body header{color:#fafafa;width:100%;display:table;vertical-align:middle;text-align:center;flex:0 0 auto;overflow:hidden}html body header div.admin_notice{background-color:#A00000;color:#fafafa;line-height:2em;padding:0 0.5em;font-size:1.25em;font-weight:bold}html body header div.admin_notice a,html body header div.admin_notice span{margin:0.25em 0.125em}html body header div.admin_notice span{float:left}html body header div.admin_notice a{float:right;background-color:#111;padding:0 0.5em}html body header div.admin_notice a:hover{background-color:#222}html body header div.admin_notice:after{content:"";display:table;clear:both}html body header nav{height:100%;display:inline-table}html body header nav ul li{display:inline-table}html body header nav ul li a{display:inline-table;border-radius:50%}html body header nav ul li a:before{content:'\200B';display:inline-block;padding-top:100%;height:0;vertical-align:middle}html body header nav ul li a span{vertical-align:middle;padding:0.25em}@media only screen and (min-width: 479px){html body header.homepage figure.web_logo,html body header.newslogs figure.web_logo,html body header.work_experiences figure.web_logo{webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);display:inline-table;vertical-align:middle;position:relative;font-size:4em;height:4em;margin:0.5em 0}html body header.homepage figure.web_logo div.bg,html body header.newslogs figure.web_logo div.bg,html body header.work_experiences figure.web_logo div.bg{top:0;bottom:0;left:0;right:0;position:absolute;display:block}html body header.homepage figure.web_logo div.bg::before,html body header.newslogs figure.web_logo div.bg::before,html body header.work_experiences figure.web_logo div.bg::before{content:'';display:block;background-color:#00A3FF;margin:0 auto;width:4em;border-radius:50%;height:100%}html body header.homepage figure.web_logo div.text,html body header.newslogs figure.web_logo div.text,html body header.work_experiences figure.web_logo div.text{display:table-cell;vertical-align:middle;position:relative;line-height:1em;padding-bottom:1em}html body header.homepage figure.web_logo div.text::after,html body header.newslogs figure.web_logo div.text::after,html body header.work_experiences figure.web_logo div.text::after{content:' ';display:block;position:relative;border-radius:0.125em;height:0.25em;background-color:#fafafa}html body header.homepage figure.web_logo div.text span,html body header.newslogs figure.web_logo div.text span,html body header.work_experiences figure.web_logo div.text span{display:inline-block;position:relative;font-weight:bold}html body header.homepage figure.web_logo div.text span:first-child::after,html body header.newslogs figure.web_logo div.text span:first-child::after,html body header.work_experiences figure.web_logo div.text span:first-child::after{content:' ';display:inline-block;width:0.5em;height:0.5em;background-color:#fafafa;border-radius:50%;position:relative;top:0.625em;z-index:1;border:0.125em solid #00A3FF}}@media only screen and (max-width: 480px){html body header.homepage figure.web_logo,html body header.newslogs figure.web_logo,html body header.work_experiences figure.web_logo{webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);display:inline-table;vertical-align:middle;position:relative;font-size:2em;height:4em;margin:0.5em 0}html body header.homepage figure.web_logo div.bg,html body header.newslogs figure.web_logo div.bg,html body header.work_experiences figure.web_logo div.bg{top:0;bottom:0;left:0;right:0;position:absolute;display:block}html body header.homepage figure.web_logo div.bg::before,html body header.newslogs figure.web_logo div.bg::before,html body header.work_experiences figure.web_logo div.bg::before{content:'';display:block;background-color:#00A3FF;margin:0 auto;width:4em;border-radius:50%;height:100%}html body header.homepage figure.web_logo div.text,html body header.newslogs figure.web_logo div.text,html body header.work_experiences figure.web_logo div.text{display:table-cell;vertical-align:middle;position:relative;line-height:1em;padding-bottom:1em}html body header.homepage figure.web_logo div.text::after,html body header.newslogs figure.web_logo div.text::after,html body header.work_experiences figure.web_logo div.text::after{content:' ';display:block;position:relative;border-radius:0.125em;height:0.25em;background-color:#fafafa}html body header.homepage figure.web_logo div.text span,html body header.newslogs figure.web_logo div.text span,html body header.work_experiences figure.web_logo div.text span{display:inline-block;position:relative;font-weight:bold}html body header.homepage figure.web_logo div.text span:first-child::after,html body header.newslogs figure.web_logo div.text span:first-child::after,html body header.work_experiences figure.web_logo div.text span:first-child::after{content:' ';display:inline-block;width:0.5em;height:0.5em;background-color:#fafafa;border-radius:50%;position:relative;top:0.625em;z-index:1;border:0.125em solid #00A3FF}html body header.homepage figure.web_logo,html body header.newslogs figure.web_logo,html body header.work_experiences figure.web_logo{font-size:12vw}}html body header.homepage nav,html body header.newslogs nav,html body header.work_experiences nav{font-size:1.5em}html body header.homepage nav>ul.pagelinks,html body header.newslogs nav>ul.pagelinks,html body header.work_experiences nav>ul.pagelinks{font-size:1.625em;padding-right:1.125em}html body header.homepage nav>ul>li>a,html body header.newslogs nav>ul>li>a,html body header.work_experiences nav>ul>li>a{-webkit-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-moz-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-ms-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-o-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;background:#666;margin:0.375em}html body header.homepage nav>ul>li>a:hover,html body header.newslogs nav>ul>li>a:hover,html body header.work_experiences nav>ul>li>a:hover{background:#888}html body header.homepage nav>ul>li>a.active,html body header.newslogs nav>ul>li>a.active,html body header.work_experiences nav>ul>li>a.active{background-color:#00A3FF}html body header.homepage nav>ul>li>a.active:hover,html body header.newslogs nav>ul>li>a.active:hover,html body header.work_experiences nav>ul>li>a.active:hover{background-color:#2BB2FF}html body header.homepage nav>ul>li>a:not(.active),html body header.newslogs nav>ul>li>a:not(.active),html body header.work_experiences nav>ul>li>a:not(.active){-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}html body header.homepage nav>ul>li>a:not(.active):hover,html body header.newslogs nav>ul>li>a:not(.active):hover,html body header.work_experiences nav>ul>li>a:not(.active):hover{webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}html body header.homepage nav>ul>li>a:hover+ul,html body header.newslogs nav>ul>li>a:hover+ul,html body header.work_experiences nav>ul>li>a:hover+ul{-webkit-transition:transform 0.25s ease-in-out;-moz-transition:transform 0.25s ease-in-out;-ms-transition:transform 0.25s ease-in-out;-o-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;webkit-transform:translate(1em);-moz-transform:translate(1em);-ms-transform:translate(1em);-o-transform:translate(1em);transform:translate(1em)}html body header.homepage nav>ul>li>ul,html body header.newslogs nav>ul>li>ul,html body header.work_experiences nav>ul>li>ul{-webkit-transition:transform 0.125s ease-in-out;-moz-transition:transform 0.125s ease-in-out;-ms-transition:transform 0.125s ease-in-out;-o-transition:transform 0.125s ease-in-out;transition:transform 0.125s ease-in-out;font-size:0.5em;display:inline-table;vertical-align:middle;text-align:left}html body header.homepage nav>ul>li>ul li,html body header.newslogs nav>ul>li>ul li,html body header.work_experiences nav>ul>li>ul li{display:table-row}html body header.homepage nav>ul>li>ul li a,html body header.newslogs nav>ul>li>ul li a,html body header.work_experiences nav>ul>li>ul li a{font-weight:bold;padding:0.25em;white-space:nowrap}html body header.homepage nav>ul>li>ul li a:before,html body header.newslogs nav>ul>li>ul li a:before,html body header.work_experiences nav>ul>li>ul li a:before{display:none}html body header.homepage nav>ul>li>ul li a.l2,html body header.newslogs nav>ul>li>ul li a.l2,html body header.work_experiences nav>ul>li>ul li a.l2{margin-left:-1em}html body header.homepage nav>ul>li>ul li a.l1,html body header.newslogs nav>ul>li>ul li a.l1,html body header.work_experiences nav>ul>li>ul li a.l1{margin-left:-0.5em}html body header.homepage nav>ul>li>ul li a em,html body header.newslogs nav>ul>li>ul li a em,html body header.work_experiences nav>ul>li>ul li a em{border-radius:50%;background-color:#666;min-width:1em;display:inline-block;line-height:1em;text-align:center;font-style:normal;padding:0.125em;font-weight:bold}html body header.homepage nav>ul>li>ul li a:hover span,html body header.newslogs nav>ul>li>ul li a:hover span,html body header.work_experiences nav>ul>li>ul li a:hover span{text-decoration:underline}@media only screen and (max-width: 800px){html body header.homepage nav ul.pagelinks,html body header.newslogs nav ul.pagelinks,html body header.work_experiences nav ul.pagelinks{padding:0.125em}html body header.homepage nav ul li ul li a.l1,html body header.homepage nav ul li ul li a.l2,html body header.newslogs nav ul li ul li a.l1,html body header.newslogs nav ul li ul li a.l2,html body header.work_experiences nav ul li ul li a.l1,html body header.work_experiences nav ul li ul li a.l2{margin:0}}@media only screen and (max-width: 320px){html body header.homepage nav ul li,html body header.newslogs nav ul li,html body header.work_experiences nav ul li{display:block}html body header.homepage nav ul li ul,html body header.newslogs nav ul li ul,html body header.work_experiences nav ul li ul{margin-left:50%;position:relative}html body header.homepage nav ul li ul li,html body header.newslogs nav ul li ul li,html body header.work_experiences nav ul li ul li{position:relative;right:1em;display:block}}html body header.portfolios.index nav{margin-top:1em}html body header.portfolios.show.nothing nav,html body header.portfolios.show.single nav{position:relative}html body header.portfolios.show.single nav{padding:0}html body header.portfolios.show.single nav ul{margin-top:-50%}html body header.portfolios.show.responsive{height:75%;max-height:100%;display:block;position:relative;min-height:720px}html body header.portfolios.show div.preview{display:block;width:100%;box-sizing:border-box}html body header.portfolios.show div.preview.nothing{display:none}html body header.portfolios.show div.preview.responsive{padding:1em;height:100%;min-height:100%;max-height:100%}html body header.portfolios.show div.preview.responsive div.bgs{height:100%;position:relative;display:flex;align-items:flex-end}@media only screen and (max-width: 1440px){html body header.portfolios.show.responsive{height:100%;min-height:672px}}@media only screen and (max-width: 1024px){html body header.portfolios.show.responsive{min-height:512px;height:75%}}@media only screen and (max-width: 800px){html body header.portfolios.show.responsive{font-size:0.75em;min-height:400px;max-height:400px;height:66%}}@media only screen and (max-width: 640px){html body header.portfolios.show.responsive{height:60%;max-height:480px}html body header.portfolios.show.responsive div.preview.responsive{padding-left:0.5em;padding-right:0.5em;padding-bottom:3em}html body header.portfolios.show.single nav ul{margin-top:0}}@media only screen and (max-width: 533px){html body header.portfolios.show.responsive{height:auto;max-height:none}html body header.portfolios.show.responsive div.preview.responsive{height:auto;min-height:initial;max-height:none}html body header.portfolios.show.responsive div.preview.responsive div.bgs{height:auto;min-height:360px}html body header.portfolios.show.responsive div.preview.responsive div.bgs figure{margin-bottom:0 !important}html body header.portfolios.show.responsive nav.show_work{position:relative}}@media only screen and (max-width: 480px){html body header.portfolios.show.responsive{height:100%;min-height:100%}html body header.portfolios.show.responsive div.preview.responsive{height:100%;min-height:100%;padding-bottom:0;padding-top:0}html body header.portfolios.show.responsive div.preview.responsive div.bgs{min-height:100%;height:100%;display:block;text-align:center}html body header.portfolios.show.responsive nav.show_work{position:absolute}}html body header.portfolios.show div.preview div.bgs figure{display:block}html body header.portfolios.show div.preview div.bgs figure picture{max-width:100%;display:block;position:relative}html body header.portfolios.show div.preview div.bgs figure picture img{display:block;max-width:100%;max-height:100%;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}html body header.portfolios.show div.preview div.bgs figure.pc picture{border:20px solid #888;border-top-left-radius:1.5em;border-top-right-radius:1.5em;border-bottom-width:0;margin-bottom:40px}html body header.portfolios.show div.preview div.bgs figure.pc picture::after{content:" ";width:100%;height:40px;padding:0 20px;display:block;background-color:#666;border-color:#000010;border-style:solid;border-width:4px;border-bottom-left-radius:3em;border-bottom-right-radius:3em;margin:0 auto;position:absolute;top:100%;right:-24px}html body header.portfolios.show div.preview div.bgs figure.tablet picture{border:20px solid #888;border-radius:1em}html body header.portfolios.show div.preview div.bgs figure.cell{text-align:left}html body header.portfolios.show div.preview div.bgs figure.cell picture{border:10px solid #888;border-top-width:40px;border-bottom-width:40px;border-radius:20px}html body header.portfolios.show div.preview div.bgs figure.cell picture::before{content:" ";display:block;width:40px;height:6px;background-color:#666;position:absolute;bottom:100%;left:100px;left:100px;margin-bottom:17px}html body header.portfolios.show div.preview div.bgs figure.cell picture::after{content:" ";display:block;width:32px;height:32px;border-radius:100%;background-color:#666;position:absolute;top:100%;left:104px;margin-top:4px}html body header.portfolios.show div.preview div.bgs figure.single{position:relative}html body header.portfolios.show div.preview div.bgs figure.single::before{content:' ';display:block;height:25%;width:100%;position:absolute;bottom:0;background:#000010;background:-moz-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:-webkit-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000010",endColorstr="#000010",GradientType=1);z-index:1}html body header.portfolios.show div.preview div.bgs figure.single picture{display:inline-block;border-top-left-radius:1em;border-top-right-radius:1em;overflow:hidden}html body header.portfolios.show div.preview.responsive div.bgs figure{margin:0 0.5%;margin-bottom:3em;float:left}html body header.portfolios.show div.preview.responsive div.bgs figure picture{background:#000;background:-moz-linear-gradient(-45deg, #000 0%, #111 100%);background:-webkit-linear-gradient(-45deg, #000 0%, #111 100%);background:linear-gradient(135deg, #000 0%, #111 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 );-moz-box-shadow:4px 4px 0 0 #000010, -4px -4px 0 0 #000010, 4px -4px 0 0 #000010, -4px 4px 0 0 #000010;-webkit-box-shadow:4px 4px 0 0 #000010, -4px -4px 0 0 #000010, 4px -4px 0 0 #000010, -4px 4px 0 0 #000010;box-shadow:4px 4px 0 0 #000010, -4px -4px 0 0 #000010, 4px -4px 0 0 #000010, -4px 4px 0 0 #000010}html body header.portfolios.show div.preview.responsive div.bgs figure.pc{width:45%}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture{min-width:768px;max-width:768px;min-height:480px}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet{width:35%}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{max-width:480px;min-width:480px;min-height:360px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell{width:17%}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{width:240px;max-width:240px;min-width:240px;min-height:320px;margin-left:100%;webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}@media only screen and (max-width: 1152px){html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture{min-width:600px;max-width:600px;min-height:360px}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{max-width:360px;min-width:360px;min-height:272px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{width:188px;min-width:188px;max-width:188px;min-height:240px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::before{left:74px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::after{left:78px}}@media only screen and (max-width: 800px){html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture,html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{border-width:10px}html body header.portfolios.show div.preview.responsive div.bgs figure.pc{width:46%}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture{min-width:360px;max-width:360px;min-height:216px;margin-bottom:23px}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture::after{height:20px;margin-top:10px;padding:0 10px;right:-14px}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet{width:24.5%}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{max-width:216px;min-width:216px;min-height:160px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell{width:24.5%}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{width:112px;min-width:112px;max-width:112px;min-height:144px;border-width:6px;border-top-width:20px;border-bottom-width:20px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::before{width:30px;height:4px;left:41px;margin-bottom:8px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::after{width:16px;height:16px;left:48px;margin-top:2px}}@media only screen and (max-width: 640px){html body header.portfolios.show div.preview.responsive div.bgs figure picture{-moz-box-shadow:2px 2px 0 0 #000010, -2px -2px 0 0 #000010, 2px -2px 0 0 #000010, -2px 2px 0 0 #000010;-webkit-box-shadow:2px 2px 0 0 #000010, -2px -2px 0 0 #000010, 2px -2px 0 0 #000010, -2px 2px 0 0 #000010;box-shadow:2px 2px 0 0 #000010, -2px -2px 0 0 #000010, 2px -2px 0 0 #000010, -2px 2px 0 0 #000010}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture::after{border-width:2px;right:-12px}}@media only screen and (max-width: 480px){html body header.portfolios.show div.preview.responsive div.bgs figure{width:auto;margin:8px;display:inline-block;float:none}html body header.portfolios.show div.preview.responsive div.bgs figure.pc,html body header.portfolios.show div.preview.responsive div.bgs figure.tablet,html body header.portfolios.show div.preview.responsive div.bgs figure.cell{width:auto}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{margin-top:-100%}}@media only screen and (max-width: 375px){html body header.portfolios.show div.preview.responsive div.bgs figure{margin:1%}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture,html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{border-width:6px}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture{min-width:320px;max-width:320px;min-height:192px;margin-bottom:14px;border-top-left-radius:0.5em;border-top-right-radius:0.5em}html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture::after{height:12px;right:-8px;margin-top:4px;padding:0 6px}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet{width:55%}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{border-radius:0.5em}html body header.portfolios.show div.preview.responsive div.bgs figure.cell{width:25%}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{border-width:4px;border-top-width:16px;border-bottom-width:16px;border-radius:0.75em}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::before{width:20px;height:3px;left:46px;margin-bottom:6px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::after{width:12px;height:12px;left:50px;margin-top:2px}}@media only screen and (max-width: 320px){html body header.portfolios.show div.preview.responsive div.bgs figure.pc picture{min-width:240px;max-width:240px;min-height:144px}html body header.portfolios.show div.preview.responsive div.bgs figure.tablet picture{max-width:144px;min-width:144px;min-height:106px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture{width:74px;min-width:74px;max-width:74px;min-height:96px}html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::before,html body header.portfolios.show div.preview.responsive div.bgs figure.cell picture::after{display:none}}html body header.portfolios.show div.preview div.bgs figure.single{margin:0 auto}html body header.portfolios.show div.preview div.bgs figure.single picture{border-radius:0}html body header.portfolios nav{height:100%;font-size:1.875em;margin-bottom:3em}@media only screen and (max-width: 640px){html body header.portfolios nav{font-size:1.25em}}html body header.portfolios nav ul{display:inline-block}html body header.portfolios nav ul li{padding:0 0.25em}html body header.portfolios nav ul li>a{-webkit-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-moz-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-ms-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-o-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;background-color:#666;text-align:center}html body header.portfolios nav ul li>a:hover{background:#888}html body header.portfolios nav ul li.active a{font-size:2em}html body header.portfolios nav ul li.active>a.active{background-color:#FFAD00;color:#111}html body header.portfolios nav ul li.submenu ul li a.title b,html body header.portfolios nav ul li.submenu ul li a.title span,html body header.portfolios nav ul li.submenu ul li a.number b,html body header.portfolios nav ul li.submenu ul li a.number span{text-decoration:none;position:relative}html body header.portfolios nav ul li.submenu ul li a.title b::after,html body header.portfolios nav ul li.submenu ul li a.title span::after,html body header.portfolios nav ul li.submenu ul li a.number b::after,html body header.portfolios nav ul li.submenu ul li a.number span::after{-webkit-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;content:'';display:block;background-color:transparent;position:absolute}html body header.portfolios nav ul li.submenu ul li a.title b::after{bottom:0;top:0;left:0;width:0.125em}html body header.portfolios nav ul li.submenu ul li a.number span::after{bottom:50%;left:0;right:0;height:0.125em;margin-bottom:-0.0625em}html body header.portfolios nav ul li.submenu ul li:hover a.title b::after{background-color:#FFAD00}html body header.portfolios nav ul li.submenu ul li:hover a.number{background-color:#888}html body header.portfolios nav ul li.submenu ul li:hover a.number span::after{background-color:#FFAD00}html body header.portfolios nav ul li.submenu ul li:hover a.number.active{background-color:#2BB2FF}html body header.portfolios nav ul li ul{vertical-align:baseline;height:100%}html body header.portfolios nav ul li ul li{line-height:1em;white-space:nowrap;vertical-align:baseline;text-align:center}html body header.portfolios nav ul li ul li a{text-align:center}html body header.portfolios nav ul li ul li a.number span{padding:0}html body header.portfolios nav ul li ul li a.number.active{background-color:#00A3FF}html body header.portfolios nav ul li ul li a.title{display:block;width:100%;font-style:normal;font-size:1em !important;background:none}html body header.portfolios nav ul li ul li a.title b{display:block}html body header.portfolios nav ul li ul li a.title:before{display:none !important}@media only screen and (min-width: 534px){html body header.portfolios nav ul li.submenu ul li a.title{writing-mode:vertical-rl;webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);transform-origin:right bottom}html body header.portfolios nav ul li.submenu ul li a.title b{webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}html body header.portfolios nav ul li.submenu ul li a.number span::after{webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}}@media only screen and (max-width: 533px){html body header.portfolios nav ul li.submenu ul li{display:table;text-align:right;margin-left:auto;padding:0.25em}html body header.portfolios nav ul li.submenu ul li a.title{display:table-cell;width:auto;vertical-align:middle;padding-right:0.25em}}html body header.portfolios nav.show_work{background:#000010;background:-moz-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:-webkit-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000010",endColorstr="#000010",GradientType=1);font-size:1.25em;position:absolute;bottom:0;left:0;margin:0;height:auto;width:100%;padding:1em 0}html body header.portfolios nav.show_work ul li a{border:0.25em solid #000010}html body header.portfolios nav.show_work ul li a h2{display:inline-block;font-size:1.5em;vertical-align:middle;padding:0.25em}html body header.portfolios nav.show_work ul li a span em{display:inline-table;font-size:0.75em;font-style:normal;vertical-align:middle}html body header.portfolios nav.show_work ul.breadcrumbs{padding-right:1em}html body header.portfolios nav.show_work ul.breadcrumbs.no_previews{padding-right:8.125em}html body header.portfolios nav.show_work ul.preview_switcher{margin:0 0.125em;margin-bottom:1em}html body header.portfolios nav.show_work ul.preview_switcher li a span em{font-size:1.5em;min-width:1em}@media only screen and (max-width: 1024px){html body header.portfolios nav.show_work{padding:0}}@media only screen and (max-width: 800px){html body header.portfolios nav.show_work ul.breadcrumbs{padding-right:0}}@media only screen and (max-width: 480px){html body header.portfolios nav.show_work ul.preview_switcher{font-size:1.25em}}html body header.blogs{padding-top:3%}html body header.blogs.index nav{font-size:4em;line-height:1em;margin:0 auto;position:relative}html body header.blogs.index nav:before,html body header.blogs.index nav:after{content:'';position:absolute;display:block}html body header.blogs.index nav:before{top:0;right:100%;height:100%;width:2em;border-right:1em solid #fafafa;border-top-right-radius:50%;border-bottom-right-radius:50%;z-index:9}html body header.blogs.index nav:after{right:90%;top:0;bottom:0;margin:auto;border-left:0.25em solid #777;border-bottom:0.25em solid #777;width:2em;height:2em;webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:8}html body header.blogs.index nav ul{background-color:#aaa;position:relative;z-index:10;padding:0.5em;border-radius:0.125em}html body header.blogs.index nav ul li{display:inline-block}html body header.blogs.index nav ul li:first-child{writing-mode:vertical-rl}html body header.blogs.index nav ul li:last-child{writing-mode:vertical-rl;webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}html body header.blogs.index nav ul li a{background-color:#777;border-radius:0.125em;display:inline-block}html body header.blogs.index nav ul li a:before{display:none}html body header.blogs.index nav ul li a:hover{text-decoration:underline}html body header.blogs.index nav ul li a span{display:inline-block}html body header.blogs.index div{min-height:5em;position:relative;margin:0 0.625em}html body header.blogs.index div::before,html body header.blogs.index div::after{content:'';position:absolute;top:0;height:100%;width:47%}html body header.blogs.index div::before{left:3%;background:linear-gradient(to bottom right, transparent 48%, #777 49%)}html body header.blogs.index div::after{right:3%;background:linear-gradient(to bottom left, transparent 48%, #777 49%)}html body header.blogs.index div.top_panel{webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);margin-top:-1em}html body header.blogs.show,html body header.posts{text-align:left;padding:0}html body header.blogs.show nav,html body header.posts nav{padding-top:2%;padding-left:2%}html body header.blogs.show nav ul,html body header.blogs.show nav ol,html body header.posts nav ul,html body header.posts nav ol{display:inline-block;vertical-align:bottom}html body header.blogs.show nav ul li a:hover span,html body header.blogs.show nav ol li a:hover span,html body header.posts nav ul li a:hover span,html body header.posts nav ol li a:hover span{text-decoration:underline}html body header.blogs.show nav ul li,html body header.posts nav ul li{border-radius:50%;vertical-align:top}html body header.blogs.show nav ul li:first-child,html body header.posts nav ul li:first-child{background-color:#00A3FF}html body header.blogs.show nav ul li:last-child,html body header.posts nav ul li:last-child{background-color:#666;margin-left:1em;-moz-box-shadow:inset -0.5em 0 0em -2px #FFAD00;-webkit-box-shadow:inset -0.5em 0 0em -2px #FFAD00;box-shadow:inset -0.5em 0 0em -2px #FFAD00}html body header.blogs.show nav ul li a span,html body header.posts nav ul li a span{padding:0 0.25em}html body header.blogs.show nav ol,html body header.posts nav ol{display:inline-table;margin:0.75em 0}html body header.blogs.show nav ol li,html body header.posts nav ol li{display:table-cell;background-color:#ddd;vertical-align:middle;border-left:2px solid #111;border-right:2px solid #111}html body header.blogs.show nav ol li a,html body header.posts nav ol li a{display:inline-block;line-height:2em;height:100%}html body header.blogs.show nav ol li a span,html body header.posts nav ol li a span{display:block;background-color:#ddd;color:#CD0000;position:relative;padding:0 0.25em}html body header.blogs.show nav ol li:first-child,html body header.posts nav ol li:first-child{background-color:transparent;border-left:none}html body header.blogs.show nav ol li:first-child a,html body header.posts nav ol li:first-child a{position:relative;z-index:10}html body header.blogs.show nav ol li:first-child a span,html body header.posts nav ol li:first-child a span{z-index:10;border-top-left-radius:0.25em;border-bottom-left-radius:0.25em}html body header.blogs.show nav ol li:first-child a:before,html body header.posts nav ol li:first-child a:before{display:block;position:absolute;right:100%;margin-right:-0.5em;overflow:hidden;content:'';border-right:0px solid black;border-left:2em solid #444;border-top:1em solid transparent;border-bottom:1em solid transparent;border-top-left-radius:0.25em;border-bottom-left-radius:0.25em;top:0;bottom:0;z-index:9}html body header.blogs.show nav ol li:last-child,html body header.posts nav ol li:last-child{position:relative;border-right:none}html body header.blogs.show nav ol li:last-child:before,html body header.posts nav ol li:last-child:before{display:block;position:absolute;left:99.5%;margin-right:-0.5em;overflow:hidden;content:'';border-right:0px solid #000010;border-left:5em solid #ddd;border-top:1em solid transparent;border-bottom:1em solid transparent;top:0;bottom:0;z-index:9}html body header.blogs.show nav.maximized,html body header.posts nav.maximized{padding-bottom:3%;margin-bottom:3.5em}html body header.blogs.show nav.maximized ul li:first-child,html body header.posts nav.maximized ul li:first-child{font-size:4em}html body header.blogs.show nav.maximized ul li:last-child,html body header.posts nav.maximized ul li:last-child{font-size:2em}html body header.blogs.show nav.maximized ol,html body header.posts nav.maximized ol{webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);-webkit-backface-visibility:hidden;font-size:2em}html body header.blogs.show nav.minimized,html body header.posts nav.minimized{vertical-align:middle;padding:0.25em 3%}html body header.blogs.show nav.minimized ul,html body header.posts nav.minimized ul{vertical-align:middle;font-weight:bold}html body header.blogs.show nav.minimized ol,html body header.posts nav.minimized ol{vertical-align:middle;margin-left:4em}html body nav.regular,html body nav.for_nojs{background-color:#111;color:#fafafa;padding:0.25em 0.5em}html body nav.regular figure.web_logo,html body nav.for_nojs figure.web_logo{webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);display:inline-table;vertical-align:middle;position:relative;font-size:1em;height:4em;margin:0.5em 0}html body nav.regular figure.web_logo div.bg,html body nav.for_nojs figure.web_logo div.bg{top:0;bottom:0;left:0;right:0;position:absolute;display:block}html body nav.regular figure.web_logo div.bg::before,html body nav.for_nojs figure.web_logo div.bg::before{content:'';display:block;background-color:#00A3FF;margin:0 auto;width:4em;border-radius:50%;height:100%}html body nav.regular figure.web_logo div.text,html body nav.for_nojs figure.web_logo div.text{display:table-cell;vertical-align:middle;position:relative;line-height:1em;padding-bottom:1em}html body nav.regular figure.web_logo div.text::after,html body nav.for_nojs figure.web_logo div.text::after{content:' ';display:block;position:relative;border-radius:0.125em;height:0.25em;background-color:#fafafa}html body nav.regular figure.web_logo div.text span,html body nav.for_nojs figure.web_logo div.text span{display:inline-block;position:relative;font-weight:bold}html body nav.regular figure.web_logo div.text span:first-child::after,html body nav.for_nojs figure.web_logo div.text span:first-child::after{content:' ';display:inline-block;width:0.5em;height:0.5em;background-color:#fafafa;border-radius:50%;position:relative;top:0.625em;z-index:1;border:0.125em solid #00A3FF}html body nav.regular figure.web_logo,html body nav.for_nojs figure.web_logo{display:inline-block}html body nav.regular figure.web_logo div.text,html body nav.for_nojs figure.web_logo div.text{font-size:2.25em}html body nav.regular>*,html body nav.for_nojs>*{display:block}html body nav.regular ul,html body nav.for_nojs ul{display:inline-block;padding:0 1em}html body nav.regular ul li,html body nav.for_nojs ul li{display:inline-block;margin:0 0.5em}html body nav.regular ul li a,html body nav.for_nojs ul li a{display:inline-table;padding:0.25em;border-radius:50%;background-color:red}html body nav.regular ul li a:before,html body nav.for_nojs ul li a:before{content:'\200B';display:inline-block;padding-top:100%;height:0;vertical-align:middle}html body nav.regular ul li a span,html body nav.for_nojs ul li a span{vertical-align:middle;font-weight:bold;font-size:1.125em}html body nav.regular.regular,html body nav.for_nojs.regular{display:block;position:fixed;top:0;left:0;right:0;display:none}html body nav.regular::after,html body nav.for_nojs::after{content:'';clear:both}html body main{height:100%;overflow-y:visible;flex:1 1 auto}html body main section{padding:3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}html body main section h2{font-size:5em}html body main section#foot{min-height:3em;line-height:3em;padding:0.25em 0.5em;font-size:0.75em}html body main section#foot a,html body main section#foot span{padding:0 0.375em}html body main section#foot a:hover{text-decoration:underline}html body main section#foot b{font-weight:bold}@media only screen and (max-width: 480px){html body main section{padding:0}}html body main section.pagination{display:block;flex:1 0 auto;text-align:center;font-size:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body main section.pagination nav span{-webkit-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-moz-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-ms-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-o-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;background-color:#666;display:inline-block;vertical-align:middle;margin:0.125em}html body main section.pagination nav span.page{border-radius:50%}html body main section.pagination nav span.page:before{content:'\200B';display:inline-block;padding-top:100%;height:0;vertical-align:middle}html body main section.pagination nav span.page a{padding:0 0.5em;font-weight:bold;vertical-align:middle}html body main section.pagination nav span.page.current{background-color:#00A3FF}html body main section.pagination nav span.page.gap{background:none;color:#666}html body main section.pagination nav span.next,html body main section.pagination nav span.last,html body main section.pagination nav span.first,html body main section.pagination nav span.prev{padding:0.25em 0.5em;border-radius:1em}html body main section.pagination nav span:first-child{margin-left:0}html body main section.pagination nav span:last-child{margin-right:0}html body main section.pagination nav span:hover{background:#888}html body main section.pagination nav span:hover.page.current{background-color:#2BB2FF}html body.homepage main section#top,html body.homepage main section#skills{min-height:100%}html body.homepage main section#novinky,html body.homepage main section#o-mne{min-height:50%}html body.homepage main section#kontakt{min-height:5em}html body.homepage main section#top{background-color:#00001C;color:#fafafa}html body.homepage main section#novinky{background-color:#000028;color:#fafafa}html body.homepage main section#skills{color:#fafafa;background-color:#000034}html body.homepage main section#o-mne{color:#eee;background-color:#000040}html body.homepage main section#kontakt{background-color:#00A3FF;color:#fafafa}html body.homepage main section#foot{background-color:#D5A549;color:#111}html body.homepage main section#top{display:block;display:flex;flex-direction:column}html body.homepage main section#top article#menu{height:100%;width:100%;max-width:100%;padding-left:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:table;display:flex;flex-direction:row;flex:1 0 100%}html body.homepage main section#top article#menu div#ship_body,html body.homepage main section#top article#menu div#ship_solar_panels{display:table-cell;vertical-align:middle;display:flex;flex-direction:column}html body.homepage main section#top article#menu div#ship_body{width:10%;vertical-align:top;flex:0 0 10%;justify-content:center}html body.homepage main section#top article#menu div#ship_solar_panels{flex:1 0 90%;display:flex;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#top article#menu div#ship_solar_panels nav{flex:1 0 auto;display:flex;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#top article#menu div#ship_solar_panels nav ul{padding-left:5%;flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-around;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li{display:table;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child{margin-top:5%}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:last-child{margin-bottom:5%}@media only screen and (max-width: 800px){html body.homepage main section#top article#menu{display:block;padding-left:0}html body.homepage main section#top article#menu div#ship_body{flex-direction:row;width:auto;height:8em}html body.homepage main section#top article#menu div#ship_solar_panels{padding:0 5%;padding-top:4em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul{padding-left:0}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li{display:block}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child{margin-top:0}}@media only screen and (max-width: 480px){html body.homepage main section#top{padding-top:3em}html body.homepage main section#top article#menu div#ship_body{justify-content:flex-start}html body.homepage main section#top article#menu div#ship_solar_panels{padding:0 0.5em;padding-top:4em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:last-child{margin-bottom:5em}}html body.homepage main section#novinky{display:table;width:100%}html body.homepage main section#novinky aside{display:table-cell;vertical-align:middle;padding-left:6em;padding-right:3.5em;padding-top:6em}html body.homepage main section#novinky article{padding-left:1em;padding:0.5em}html body.homepage main section#novinky article a{text-decoration:underline;font-weight:bold;font-style:italic}@media only screen and (max-width: 640px){html body.homepage main section#novinky aside{display:block}}html body.homepage main section#skills aside{display:block;position:relative;padding-top:2.125em;padding-bottom:1.5em}html body.homepage main section#skills aside figure{display:inline-block;padding-right:6em}html body.homepage main section#skills article{vertical-align:middle;display:table;vertical-align:middle;margin:5% auto}html body.homepage main section#skills article div.description{display:table-cell;vertical-align:middle}html body.homepage main section#skills article div.description figure{width:8em;height:8em;display:inline-table}html body.homepage main section#skills article div.projects{display:table-cell}html body.homepage main section#skills article div.projects a{display:inline-table}@media only screen and (max-width: 640px){html body.homepage main section#skills article{margin:3em auto;padding:0.5em}html body.homepage main section#skills article div.description,html body.homepage main section#skills article div.projects{display:table;margin:1em auto}}html body.homepage main section#o-mne aside,html body.homepage main section#o-mne article{display:table-cell;vertical-align:middle}html body.homepage main section#o-mne article{padding-left:1em}@media only screen and (max-width: 480px){html body.homepage main section#o-mne aside,html body.homepage main section#o-mne article{display:block}html body.homepage main section#o-mne article{padding:0.5em}}html body.homepage main section#kontakt{padding-bottom:0;display:table;width:100%}html body.homepage main section#kontakt article,html body.homepage main section#kontakt aside{display:table-cell;vertical-align:bottom}html body.homepage main section#kontakt article{padding-right:1.5%;padding-bottom:3%}html body.homepage main section#kontakt aside{width:1%;padding-left:1.5%}@media only screen and (max-width: 640px){html body.homepage main section#kontakt article,html body.homepage main section#kontakt aside{display:block;padding:0}html body.homepage main section#kontakt aside{width:auto;padding-top:12em}}@media only screen and (max-width: 480px){html body.homepage main section#kontakt{padding:0.5em;padding-bottom:0}}html body.homepage main section#o-mne{display:table}html body.homepage main section#o-mne aside figure.kozmonaut{position:relative;font-size:4em;padding-bottom:2em;padding-left:0.5em;padding-right:0.5em}html body.homepage main section#o-mne aside figure.kozmonaut picture{width:1.5em;display:block;margin:0 auto;border-radius:25%;background-color:#EEE;position:relative;top:0.5em;z-index:10}html body.homepage main section#o-mne aside figure.kozmonaut picture img{width:100%;max-width:128px;max-height:128px;margin:0 auto;display:block;overflow:hidden;border-radius:50%;border:0.1875em solid #EEE;box-sizing:border-box;padding:0.0625em;background-color:#111}html body.homepage main section#o-mne aside figure.kozmonaut div{display:block;width:2.25em;height:3em;background-color:#EEE;margin:0 auto;border-radius:0.0625em;position:relative}html body.homepage main section#o-mne aside figure.kozmonaut div i{width:1em;height:1em;display:inline-table;vertical-align:middle;position:relative;overflow:hidden;background-color:#1A5DAD;width:1em;height:1em;border-radius:50%;top:0.75em;left:0.625em;margin:0}html body.homepage main section#o-mne aside figure.kozmonaut div i::before,html body.homepage main section#o-mne aside figure.kozmonaut div i::after{content:'';display:block;position:absolute}html body.homepage main section#o-mne aside figure.kozmonaut div i::before,html body.homepage main section#o-mne aside figure.kozmonaut div i::after{background-color:#EEE;width:20%;left:40%;right:40%}html body.homepage main section#o-mne aside figure.kozmonaut div i::before{bottom:10%;height:45%}html body.homepage main section#o-mne aside figure.kozmonaut div i::after{bottom:65%;height:20%}html body.homepage main section#o-mne aside figure.kozmonaut div span{position:absolute;display:block;background-color:#EEE}html body.homepage main section#o-mne aside figure.kozmonaut div span:after{display:block;content:'';position:absolute;box-sizing:border-box;background-color:#EEE;border:0.0625em solid #111}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(1),html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(2){width:0.5em;height:2em;top:0.1875em}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(1):after,html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(2):after{top:2em;height:0.375em;width:0.5em;border-bottom-left-radius:50%;border-bottom-right-radius:50%}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(3),html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(4){width:0.75em;height:1.5em;top:100%;overflow:hidden}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(3):after,html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(4):after{top:1.25em;border-radius:50%;width:0.75em;height:0.5em}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(1){right:-0.3125em;box-shadow:-0.1875em -0.1875em 0em -0.125em #111, -0.1875em 0.1875em 0em -0.125em #111;border-top-right-radius:0.125em}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(2){left:-0.3125em;box-shadow:0.1875em -0.1875em 0em -0.125em #111, 0.1875em 0.1875em 0em -0.125em #111;border-top-left-radius:0.125em}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(3){left:0.25em}html body.homepage main section#o-mne aside figure.kozmonaut div span:nth-child(4){right:0.25em}html body.homepage main section#o-mne article{font-size:2em;width:99%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;word-break:break-word}html body.homepage main section#o-mne article summary{padding-bottom:0.5em}html body.homepage main section#o-mne article summary div{display:table-cell;line-height:1.25em}html body.homepage main section#o-mne article summary div i.icon{font-size:2em;margin-right:0.25em;width:1em;height:1em;display:inline-table;vertical-align:middle;position:relative;overflow:hidden}html body.homepage main section#o-mne article summary div i.icon::before,html body.homepage main section#o-mne article summary div i.icon::after{content:'';display:block;position:absolute}html body.homepage main section#o-mne article summary div i.icon#about_me_info_icon::before,html body.homepage main section#o-mne article summary div i.icon#about_me_info_icon::after{background-color:#eee}html body.homepage main section#o-mne article summary div i.icon#about_me_info_icon::before{left:0.1875em;width:0.625em;height:0.375em;bottom:0.125em;border-top-left-radius:50%;border-top-right-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_info_icon::after{bottom:0.4375em;width:0.375em;height:0.375em;left:0.3125em;border-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_home_icon::before,html body.homepage main section#o-mne article summary div i.icon#about_me_home_icon::after{background-color:transparent}html body.homepage main section#o-mne article summary div i.icon#about_me_home_icon::before{width:0.125em;height:0.125em;border:0.1875em solid #eee;left:0.25em;bottom:0.125em}html body.homepage main section#o-mne article summary div i.icon#about_me_home_icon::after{width:0;height:0;left:0.125em;right:0.125em;bottom:0.55em;border-bottom:0.3125em solid #eee;border-left:0.375em solid transparent;border-right:0.375em solid transparent;border-top:0em solid transparent}html body.homepage main section#o-mne article summary div i.icon#about_me_work_icon::before{background-color:#eee;width:0.625em;height:0.4375em;left:0.1875em;right:0.1875em;bottom:0.25em}html body.homepage main section#o-mne article summary div i.icon#about_me_work_icon::after{border:0.0625em solid #eee;background-color:transparent;width:0.125em;height:0.0625em;right:0.375em;top:0.1875em}html body.homepage main section#o-mne article summary div i.icon#about_me_hobby_icon::before,html body.homepage main section#o-mne article summary div i.icon#about_me_hobby_icon::after{background-color:#eee;width:30%;height:60%;bottom:20%;border-top-left-radius:50%;border-top-right-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_hobby_icon::before{left:21%;transform-origin:bottom right;transform:rotate(45deg);border-bottom-left-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_hobby_icon::after{right:21%;transform-origin:bottom left;transform:rotate(-45deg);border-bottom-right-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_github_icon::before{background-color:#eee;width:0.75em;height:0.5625em;left:0.125em;top:0.25em;border-radius:0.75em;border-top-left-radius:0;border-top-right-radius:0;content:'..';color:#000040;text-align:center;line-height:0em;font-style:normal}html body.homepage main section#o-mne article summary div i.icon#about_me_github_icon::after{top:0;left:0.125em;height:0.375em;width:0.75em;background-color:#000040;border-radius:50%}html body.homepage main section#o-mne article summary div i.icon#about_me_stackoverflow_icon::before{background-color:#eee;bottom:0.25em;width:0.75em;height:0.375em;left:0.125em;right:0.125em}html body.homepage main section#o-mne article summary div i.icon#about_me_stackoverflow_icon::after{bottom:0.4375em;width:0.375em;height:0.125em;border-top:0.125em solid #eee;border-bottom:0.125em solid #eee;left:0.3125em;box-shadow:0 0 0 0.125em #000040;background-color:#000040}html body.homepage main section#o-mne article summary div i.icon#about_me_linkedin_icon::before{background-color:#eee;content:"in";color:#000040;font-style:normal;font-weight:bold;top:0.125em;bottom:0.125em;left:0.125em;right:0.125em;text-align:center;line-height:1em;border-radius:0.125em;font-size:0.75em;line-height:1.25em}html body.homepage main section#o-mne article summary div i.icon#about_me_education_icon::before{background-color:#eee;top:0.125em;left:0.25em;bottom:0.375em;right:0.25em;transform:rotate(-22.5deg) skewX(45deg) scaleY(0.707);box-shadow:0 0 0 0.125em #000040;z-index:2}html body.homepage main section#o-mne article summary div i.icon#about_me_education_icon::after{background-color:#eee;bottom:0.25em;left:0.25em;right:0.25em;height:0.25em}html body.homepage main section#o-mne article summary div:last-child{vertical-align:middle;padding-top:0.25em}html body.homepage main section#o-mne article summary div:first-child{vertical-align:top}html body.homepage main section#o-mne article summary div a:hover{text-decoration:underline;cursor:pointer}html body.homepage main section#o-mne article summary div a.more{text-decoration:none;display:inline-block;padding:0.5em;border-radius:1em;background-color:#054378;margin:0.5em;-webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}html body.homepage main section#o-mne article summary div a.more:before{content:"Zobraziť "}html body.homepage main section#o-mne article summary div a.more:hover{background-color:#4576A1}html body.homepage main section#o-mne article summary div a.more.visible:before{content:"Skryť "}html body.homepage main section#o-mne article summary div div.tablewrap{height:auto;max-height:0px;display:block;overflow:hidden;-webkit-transition:max-height 1s ease-in-out;-moz-transition:max-height 1s ease-in-out;-ms-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out}html body.homepage main section#o-mne article summary div div.tablewrap.visible{max-height:2000px}html body.homepage main section#o-mne article summary div div.tablewrap div{font-size:0.75em;display:block;margin:1em 0}@media only screen and (max-width: 800px){html body.homepage main section#o-mne article{font-size:1.5em}}@media only screen and (max-width: 640px){html body.homepage main section#o-mne article{font-size:1.25em}}@media only screen and (max-width: 480px){html body.homepage main section#o-mne article{text-align:center}html body.homepage main section#o-mne article summary div{padding:0;display:block}html body.homepage main section#o-mne article summary div i.icon{margin:0}}html body.homepage main section#kontakt article{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#kontakt article form div{margin:0.5em 0;width:100%}html body.homepage main section#kontakt article form div span{display:block;font-size:1.25em}html body.homepage main section#kontakt article form div span.validation_error_message{font-weight:bold;line-height:1.75em;vertical-align:middle;display:inline-block;color:#fafafa;background-color:#666;padding:0 0.625em;margin-top:0.5em;border-radius:0.75em;margin-left:2.125em;position:relative}html body.homepage main section#kontakt article form div span.validation_error_message:before{content:'!';position:absolute;right:100%;margin-right:0.5em;width:1.25em;height:1.25em;line-height:1.25em;border:0.25em solid #fafafa;background-color:#A00000;text-align:center;border-radius:50%;font-weight:bold;vertical-align:middle}html body.homepage main section#kontakt article form div span input{font-size:1.25em}html body.homepage main section#kontakt article form div span input,html body.homepage main section#kontakt article form div span textarea{-webkit-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;width:100%;padding:0.25em;font-family:verdana,tahoma,"Bitstream Vera Sans","DejaVu Sans",arial,helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background-color:#eee}html body.homepage main section#kontakt article form div span input:active,html body.homepage main section#kontakt article form div span input:focus,html body.homepage main section#kontakt article form div span textarea:active,html body.homepage main section#kontakt article form div span textarea:focus{background-color:#fff}html body.homepage main section#kontakt article form div span textarea{min-height:25vh}html body.homepage main section#kontakt article form div#no_sputnik_check{display:table;table-layout:fixed;color:#eee}html body.homepage main section#kontakt article form div#no_sputnik_check span{display:table-cell;vertical-align:middle}html body.homepage main section#kontakt article form div#no_sputnik_check span:first-child{width:2em}html body.homepage main section#kontakt article form div#no_sputnik_check span input,html body.homepage main section#kontakt article form div#no_sputnik_check span label{vertical-align:middle;cursor:pointer}html body.homepage main section#kontakt article form div#no_sputnik_check span input a,html body.homepage main section#kontakt article form div#no_sputnik_check span label a{text-decoration:underline}html body.homepage main section#kontakt article form div#no_sputnik_check span input a:hover,html body.homepage main section#kontakt article form div#no_sputnik_check span label a:hover{color:#fff}html body.homepage main section#kontakt article form div#no_sputnik_check span span.validation_error_message{font-size:1em;display:inline-block;margin-top:0;margin:0.125em;margin-left:2.25em}html body.homepage main section#kontakt article form div#no_sputnik_check span input{width:1.25em;height:1.25em;border:0.25em solid #fafafa;border-radius:1em;background-color:#ccc}html body.homepage main section#kontakt article form div#no_sputnik_check span input:hover,html body.homepage main section#kontakt article form div#no_sputnik_check span input:focus{background-color:#aaa;border-color:#fff}html body.homepage main section#kontakt article form div#no_sputnik_check span input:checked{background-color:#333}html body.homepage main section#kontakt article form div#no_sputnik_check span input:checked:hover,html body.homepage main section#kontakt article form div#no_sputnik_check span input:checked:focus{background-color:#111}html body.homepage main section#kontakt article form div#no_sputnik_check span label{line-height:1.25em}html body.homepage main section#kontakt article form div#submit_contact span input{background-color:#666;color:#fafafa;font-weight:bold;cursor:pointer}html body.homepage main section#kontakt article form div#submit_contact span input:hover,html body.homepage main section#kontakt article form div#submit_contact span input:focus{background-color:#555;color:#fff}html body.homepage main section#kontakt aside{text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.homepage main section#kontakt aside span{display:block;font-size:5em;width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-top:0em solid transparent;border-bottom:1.5em solid #666666;margin:0 auto}html body.homepage main section#kontakt aside span:before{background-color:#eee;content:'';display:block;width:3em;height:1.5em;position:relative;bottom:1.5em;right:1em;border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em;transform:rotate(-45deg);z-index:10}html body.homepage main section#kontakt aside span:after{content:'';display:block;background-color:transparent;position:relative;width:1em;height:1em;bottom:3.25em;right:0.5em;border-left:0.25em solid #666666;border-top:0.25em solid #666666}html body.homepage main section#kontakt aside h2{display:table;margin:0 auto;background-color:#666666;padding-left:0.25em;padding-right:0.25em;padding-bottom:0.5em;padding-top:0.125em;border-top-left-radius:0.125em;border-top-right-radius:0.125em;position:relative;font-size:4em}@media only screen and (min-width: 800px){html body.homepage main section#kontakt aside span{display:block;font-size:5em;width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-top:0em solid transparent;border-bottom:1.5em solid #666666;margin:0 auto}html body.homepage main section#kontakt aside span:before{background-color:#eee;content:'';display:block;width:3em;height:1.5em;position:relative;bottom:1.5em;right:1em;border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em;transform:rotate(-45deg);z-index:10}html body.homepage main section#kontakt aside span:after{content:'';display:block;background-color:transparent;position:relative;width:1em;height:1em;bottom:3.25em;right:0.5em;border-left:0.25em solid #666666;border-top:0.25em solid #666666}html body.homepage main section#kontakt aside h2{display:table;margin:0 auto;background-color:#666666;padding-left:0.25em;padding-right:0.25em;padding-bottom:0.5em;padding-top:0.125em;border-top-left-radius:0.125em;border-top-right-radius:0.125em;position:relative;font-size:4em}}@media only screen and (max-width: 800px){html body.homepage main section#kontakt aside span{display:block;font-size:3.75em;width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-top:0em solid transparent;border-bottom:1.5em solid #666666;margin:0 auto}html body.homepage main section#kontakt aside span:before{background-color:#eee;content:'';display:block;width:3em;height:1.5em;position:relative;bottom:1.5em;right:1em;border-bottom-left-radius:1.5em;border-bottom-right-radius:1.5em;transform:rotate(-45deg);z-index:10}html body.homepage main section#kontakt aside span:after{content:'';display:block;background-color:transparent;position:relative;width:1em;height:1em;bottom:3.25em;right:0.5em;border-left:0.25em solid #666666;border-top:0.25em solid #666666}html body.homepage main section#kontakt aside h2{display:table;margin:0 auto;background-color:#666666;padding-left:0.25em;padding-right:0.25em;padding-bottom:0.5em;padding-top:0.125em;border-top-left-radius:0.125em;border-top-right-radius:0.125em;position:relative;font-size:3em}}html body.homepage main section#top article#menu div#ship_body{position:relative;border-radius:1000em;background-color:#aaa}html body.homepage main section#top article#menu div#ship_body:before{content:'';width:50%;padding-bottom:50%;border:1em solid #777;background-color:#99B5CB;margin:0 auto;margin-bottom:1em;margin-top:2em;border-radius:50%}html body.homepage main section#top article#menu div#ship_body:after{content:'TOP OF';font-family:"Courier New", Courier, monospace;text-align:center;font-size:4em;font-weight:bold;padding-bottom:1em;writing-mode:vertical-rl;text-orientation:upright;margin:0 auto;white-space:nowrap;color:#A00000;text-shadow:-3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff}@media only screen and (max-width: 800px){html body.homepage main section#top article#menu div#ship_body:before{width:4em;padding-bottom:4em;margin:1em;margin-left:2em}html body.homepage main section#top article#menu div#ship_body:after{webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);margin:0.25em;margin-right:auto}}@media only screen and (max-width: 640px){html body.homepage main section#top article#menu div#ship_body:after{text-orientation:inherit}}@media only screen and (max-width: 480px){html body.homepage main section#top article#menu div#ship_body{border-radius:0}html body.homepage main section#top article#menu div#ship_body:before{margin:1em 0.5em}html body.homepage main section#top article#menu div#ship_body:after{margin:0 0.5em}}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li{position:relative;background-color:#054378;-moz-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;-webkit-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li a{display:block;padding:0.375em;-webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;-webkit-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li a:hover{background-color:#4576A1;color:#fff}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li>a{width:100%}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle{outline:1px solid transparent;position:absolute;top:0;bottom:0;right:100%;width:5%;margin:0.25em 0}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle::before{content:'';position:absolute;height:51%;bottom:49%;width:100%;background:linear-gradient(to bottom right, transparent 48%, #777 49%)}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle::after{content:'';position:absolute;top:49%;height:51%;width:100%;background:linear-gradient(to top right, transparent 48%, #777 49%)}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle.left{right:116.75%;transform:rotate(180deg);overflow:visible}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle.left span{display:block;position:absolute;left:100%;min-width:100%;background-color:#0E2544;top:0;bottom:0;border-left:0.25em solid black}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle.right{margin-right:0.25em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content{display:flex;border-spacing:0;width:100%;font-size:1.25em;-moz-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;-webkit-box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C;box-shadow:inset 0.125em 0.125em 0 0 #00001C, inset -0.125em -0.125em 0 0 #00001C, inset 0.125em -0.125em 0 0 #00001C, inset -0.125em 0.125em 0 0 #00001C, 0.125em 0.125em 0 0 #00001C, -0.125em -0.125em 0 0 #00001C, 0.125em -0.125em 0 0 #00001C, -0.125em 0.125em 0 0 #00001C}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div{display:table-cell;vertical-align:middle}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div a{line-height:1em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.skill_category{white-space:nowrap}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.skill_category a{height:100%}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.skill_category a h3{vertical-align:middle}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.projects a{display:block;float:left}@media only screen and (max-width: 800px){html body.homepage main section#top article#menu div#ship_solar_panels nav ul li h2{font-size:4em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.triangle{display:none;margin:0}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child{padding-top:0.25em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child div.triangle.right{display:block;right:0;left:0;top:-4em;width:100%;height:4em;margin:0}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child div.triangle.right::before,html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child div.triangle.right::after{height:4em;width:50%;top:0}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child div.triangle.right::before{right:50%;background:linear-gradient(to bottom right, transparent 48%, #777 49%)}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li:first-child div.triangle.right::after{left:50%;background:linear-gradient(to bottom left, transparent 48%, #777 49%)}}@media only screen and (max-width: 533px){html body.homepage main section#top article#menu div#ship_solar_panels nav ul li h3{font-size:1.5em}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content{flex-direction:column}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div{display:block}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.skill_category{width:100%}html body.homepage main section#top article#menu div#ship_solar_panels nav ul li div.menuitem_content div.skill_category a{width:100%;line-height:1.5em}}html body.homepage main section#novinky article h3{font-size:1.25em;margin:0.375em 0}html body.homepage main section#novinky article em{margin:0.375em 0;text-align:right;display:inline-block;width:100%}html body.homepage main section#novinky div{text-align:right}html body.homepage main section#novinky div a{font-size:2em;display:inline-block;padding:0.5em;border-radius:1em;background-color:#054378;margin:0.5em;-webkit-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}html body.homepage main section#novinky div a:hover{background-color:#4576A1}@media only screen and (min-width: 641px){html body.homepage main section#novinky aside div.sputnik{position:relative;width:8em;padding-bottom:8em;left:0;bottom:0em;background-color:#F3B411;border-radius:50%;transform:rotate(-75deg);font-size:1em}html body.homepage main section#novinky aside div.sputnik h2{position:absolute;bottom:0;right:0;transform:rotate(110deg);transform-origin:bottom right;font-size:5.3333333333em}html body.homepage main section#novinky aside div.sputnik span{position:absolute;height:200%;width:1.5%;background-color:#9FBCBD;display:block;transform-origin:bottom;bottom:50%}html body.homepage main section#novinky aside div.sputnik span:nth-child(1){transform:rotate(-20deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(2){left:50%;transform:rotate(2deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(3){right:0;transform:rotate(20deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(4){bottom:100%;transform:rotate(-2deg);height:145%;left:48%}}@media only screen and (max-width: 640px){html body.homepage main section#novinky aside{margin-bottom:3em}html body.homepage main section#novinky aside div.sputnik{position:relative;width:4em;padding-bottom:4em;left:0;bottom:0em;background-color:#F3B411;border-radius:50%;transform:rotate(-75deg);font-size:1em}html body.homepage main section#novinky aside div.sputnik h2{position:absolute;bottom:0;right:0;transform:rotate(110deg);transform-origin:bottom right;font-size:2.6666666667em}html body.homepage main section#novinky aside div.sputnik span{position:absolute;height:200%;width:1.5%;background-color:#9FBCBD;display:block;transform-origin:bottom;bottom:50%}html body.homepage main section#novinky aside div.sputnik span:nth-child(1){transform:rotate(-20deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(2){left:50%;transform:rotate(2deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(3){right:0;transform:rotate(20deg)}html body.homepage main section#novinky aside div.sputnik span:nth-child(4){bottom:100%;transform:rotate(-2deg);height:145%;left:48%}html body.homepage main section#novinky aside div.sputnik{margin:0 auto}}html body.homepage main section#skills aside{text-align:right}@media only screen and (min-width: 480px){html body.homepage main section#skills aside figure.voyager{width:12em;height:12em;position:relative}html body.homepage main section#skills aside figure.voyager div{position:relative;top:0em;left:0em;border-radius:50%;background-color:#eee;width:12em;height:12em;transform:rotate(55deg)}html body.homepage main section#skills aside figure.voyager div span,html body.homepage main section#skills aside figure.voyager div b,html body.homepage main section#skills aside figure.voyager div i,html body.homepage main section#skills aside figure.voyager div u,html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{position:absolute;display:block;background-color:#666}html body.homepage main section#skills aside figure.voyager div h2{position:absolute;top:100%;right:100%;transform:rotate(-60deg);transform-origin:top right;font-size:4.8em}html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{content:'';top:100%;width:2%;height:150%;transform-origin:top;position:absolute}html body.homepage main section#skills aside figure.voyager div::before{transform:rotate(30deg);left:44%}html body.homepage main section#skills aside figure.voyager div::after{transform:rotate(-30deg);right:44%}html body.homepage main section#skills aside figure.voyager div span{top:47.5%;left:15%;width:35%;min-height:5%;transform-origin:right}html body.homepage main section#skills aside figure.voyager div span:nth-child(2){transform:rotate(120deg)}html body.homepage main section#skills aside figure.voyager div span:nth-child(3){transform:rotate(240deg)}html body.homepage main section#skills aside figure.voyager div b{width:20%;height:20%;top:40%;left:40%;border-radius:50%}html body.homepage main section#skills aside figure.voyager div i{width:10%;bottom:100%;height:25%;left:45%}html body.homepage main section#skills aside figure.voyager div i::before{content:'';position:absolute;bottom:98%;background-color:#666;width:300%;height:100%;right:-100%;border-radius:25%}html body.homepage main section#skills aside figure.voyager div u{width:10%;top:100%;height:100%;left:45%}}@media only screen and (max-width: 480px){html body.homepage main section#skills aside figure.voyager{width:8em;height:8em;position:relative}html body.homepage main section#skills aside figure.voyager div{position:relative;top:0em;left:0em;border-radius:50%;background-color:#eee;width:8em;height:8em;transform:rotate(55deg)}html body.homepage main section#skills aside figure.voyager div span,html body.homepage main section#skills aside figure.voyager div b,html body.homepage main section#skills aside figure.voyager div i,html body.homepage main section#skills aside figure.voyager div u,html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{position:absolute;display:block;background-color:#666}html body.homepage main section#skills aside figure.voyager div h2{position:absolute;top:100%;right:100%;transform:rotate(-60deg);transform-origin:top right;font-size:3.2em}html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{content:'';top:100%;width:2%;height:150%;transform-origin:top;position:absolute}html body.homepage main section#skills aside figure.voyager div::before{transform:rotate(30deg);left:44%}html body.homepage main section#skills aside figure.voyager div::after{transform:rotate(-30deg);right:44%}html body.homepage main section#skills aside figure.voyager div span{top:47.5%;left:15%;width:35%;min-height:5%;transform-origin:right}html body.homepage main section#skills aside figure.voyager div span:nth-child(2){transform:rotate(120deg)}html body.homepage main section#skills aside figure.voyager div span:nth-child(3){transform:rotate(240deg)}html body.homepage main section#skills aside figure.voyager div b{width:20%;height:20%;top:40%;left:40%;border-radius:50%}html body.homepage main section#skills aside figure.voyager div i{width:10%;bottom:100%;height:25%;left:45%}html body.homepage main section#skills aside figure.voyager div i::before{content:'';position:absolute;bottom:98%;background-color:#666;width:300%;height:100%;right:-100%;border-radius:25%}html body.homepage main section#skills aside figure.voyager div u{width:10%;top:100%;height:100%;left:45%}html body.homepage main section#skills aside figure.voyager{padding-right:2em}}@media only screen and (max-width: 375px){html body.homepage main section#skills aside figure.voyager{width:6em;height:6em;position:relative}html body.homepage main section#skills aside figure.voyager div{position:relative;top:0em;left:0em;border-radius:50%;background-color:#eee;width:6em;height:6em;transform:rotate(55deg)}html body.homepage main section#skills aside figure.voyager div span,html body.homepage main section#skills aside figure.voyager div b,html body.homepage main section#skills aside figure.voyager div i,html body.homepage main section#skills aside figure.voyager div u,html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{position:absolute;display:block;background-color:#666}html body.homepage main section#skills aside figure.voyager div h2{position:absolute;top:100%;right:100%;transform:rotate(-60deg);transform-origin:top right;font-size:2.4em}html body.homepage main section#skills aside figure.voyager div::before,html body.homepage main section#skills aside figure.voyager div::after{content:'';top:100%;width:2%;height:150%;transform-origin:top;position:absolute}html body.homepage main section#skills aside figure.voyager div::before{transform:rotate(30deg);left:44%}html body.homepage main section#skills aside figure.voyager div::after{transform:rotate(-30deg);right:44%}html body.homepage main section#skills aside figure.voyager div span{top:47.5%;left:15%;width:35%;min-height:5%;transform-origin:right}html body.homepage main section#skills aside figure.voyager div span:nth-child(2){transform:rotate(120deg)}html body.homepage main section#skills aside figure.voyager div span:nth-child(3){transform:rotate(240deg)}html body.homepage main section#skills aside figure.voyager div b{width:20%;height:20%;top:40%;left:40%;border-radius:50%}html body.homepage main section#skills aside figure.voyager div i{width:10%;bottom:100%;height:25%;left:45%}html body.homepage main section#skills aside figure.voyager div i::before{content:'';position:absolute;bottom:98%;background-color:#666;width:300%;height:100%;right:-100%;border-radius:25%}html body.homepage main section#skills aside figure.voyager div u{width:10%;top:100%;height:100%;left:45%}}html body.homepage main section#skills article{white-space:nowrap}html body.homepage main section#skills article div.description figure{font-size:2.25em;position:relative;border-radius:50%;text-align:center;vertical-align:middle;margin-right:0.5em;shape-outside:margin-box}html body.homepage main section#skills article div.description figure.size_2{font-size:2em}html body.homepage main section#skills article div.description figure.size_3{font-size:1.75em}html body.homepage main section#skills article div.description figure.size_4{font-size:1.5em}html body.homepage main section#skills article div.description figure.size_5{font-size:1.25em}html body.homepage main section#skills article div.description figure h3{vertical-align:middle;display:table-cell;position:relative;shape-outside:margin-box;border-radius:50%}html body.homepage main section#skills article div.description figure h3 span{display:block;vertical-align:middle;font-weight:bold;padding:0.125em 0.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-radius:1em;white-space:normal;line-height:1.125em}html body.homepage main section#skills article div.projects{white-space:normal;vertical-align:middle;text-align:center}html body.homepage main section#skills article div.projects a{position:relative;margin:0.5em;vertical-align:middle;white-space:nowrap}html body.homepage main section#skills article div.projects a.size_1{font-size:2em}html body.homepage main section#skills article div.projects a.size_2{font-size:1.5em}html body.homepage main section#skills article div.projects a.size_3{font-size:1em}html body.homepage main section#skills article div.projects a.size_4{font-size:0.875em}html body.homepage main section#skills article div.projects a.size_5{font-size:0.75em}html body.homepage main section#skills article div.projects a:before{content:'\200B';display:inline-block;padding-top:66%;height:0;vertical-align:middle}html body.homepage main section#skills article div.projects a span{vertical-align:middle;position:relative;border-radius:1em;padding:0 0.375em;background-color:#111;display:inline-block;white-space:normal}html body.homepage main section#skills article div.projects a span:hover+b.fakehover::after{opacity:1}html body.homepage main section#skills article div.projects a b{position:absolute;top:0;bottom:0;width:66%;left:17%;right:17%;border-radius:50%;background-color:#111;shape-outside:margin-box}@media only screen and (max-width: 640px){html body.homepage main section#skills article div.description figure{margin-right:0}}html body.homepage main section#skills div.tooltip{position:absolute;top:0;left:0;pointer-events:none;display:none;transition:top 1s, left 1s}html body.homepage main section#skills div.tooltip figure.voyager{width:2em;height:2em;position:relative}html body.homepage main section#skills div.tooltip figure.voyager div{position:relative;top:0em;left:0em;border-radius:50%;background-color:#eee;width:2em;height:2em;transform:rotate(55deg)}html body.homepage main section#skills div.tooltip figure.voyager div span,html body.homepage main section#skills div.tooltip figure.voyager div b,html body.homepage main section#skills div.tooltip figure.voyager div i,html body.homepage main section#skills div.tooltip figure.voyager div u,html body.homepage main section#skills div.tooltip figure.voyager div::before,html body.homepage main section#skills div.tooltip figure.voyager div::after{position:absolute;display:block;background-color:#666}html body.homepage main section#skills div.tooltip figure.voyager div h2{position:absolute;top:100%;right:100%;transform:rotate(-60deg);transform-origin:top right;font-size:0.8em}html body.homepage main section#skills div.tooltip figure.voyager div::before,html body.homepage main section#skills div.tooltip figure.voyager div::after{content:'';top:100%;width:2%;height:150%;transform-origin:top;position:absolute}html body.homepage main section#skills div.tooltip figure.voyager div::before{transform:rotate(30deg);left:44%}html body.homepage main section#skills div.tooltip figure.voyager div::after{transform:rotate(-30deg);right:44%}html body.homepage main section#skills div.tooltip figure.voyager div span{top:47.5%;left:15%;width:35%;min-height:5%;transform-origin:right}html body.homepage main section#skills div.tooltip figure.voyager div span:nth-child(2){transform:rotate(120deg)}html body.homepage main section#skills div.tooltip figure.voyager div span:nth-child(3){transform:rotate(240deg)}html body.homepage main section#skills div.tooltip figure.voyager div b{width:20%;height:20%;top:40%;left:40%;border-radius:50%}html body.homepage main section#skills div.tooltip figure.voyager div i{width:10%;bottom:100%;height:25%;left:45%}html body.homepage main section#skills div.tooltip figure.voyager div i::before{content:'';position:absolute;bottom:98%;background-color:#666;width:300%;height:100%;right:-100%;border-radius:25%}html body.homepage main section#skills div.tooltip figure.voyager div u{width:10%;top:100%;height:100%;left:45%}html body.homepage main section#skills div.tooltip figure,html body.homepage main section#skills div.tooltip span{display:inline-block;vertical-align:middle}html body.homepage main section#skills div.tooltip figure{position:absolute;z-index:9998}html body.homepage main section#skills div.tooltip figure div{box-shadow:4px 0px 4px #000}html body.homepage main section#skills div.tooltip figure div:before,html body.homepage main section#skills div.tooltip figure div:after{box-shadow:4px 0px 4px #000}html body.homepage main section#skills div.tooltip figure div i{box-shadow:4px 0px 4px #000}html body.homepage main section#skills div.tooltip figure div i:before{box-shadow:4px 0px 4px #000}html body.homepage main section#skills div.tooltip>div.wrap{position:absolute;top:0;z-index:9999;width:40vw}html body.homepage main section#skills div.tooltip>div.wrap span{font-size:1.25em;padding:0.375em;background-color:black;border-radius:0.25em;border:1px solid white;margin:0.25em 0.5em;opacity:0.9;line-height:1.125em;box-shadow:4px 0px 4px #000}html body.homepage main section#skills div.tooltip>div.wrap.right{right:100%}html body.homepage main section#skills div.tooltip>div.wrap.left{left:100%}html body.portfolio{height:100%}html body.portfolio main{display:flex;flex-direction:column}html body.portfolio main section#portfolio,html body.portfolio main section#show_work{flex:1 0 auto}html body.portfolio main section#portfolio article,html body.portfolio main section#show_work article{vertical-align:middle;margin-bottom:10%}html body.portfolio main section#foot{flex:0 0 auto}html body.portfolio main section#portfolio article{vertical-align:middle;overflow:visible;position:relative;min-height:336px}html body.portfolio main section#portfolio article h2{font-size:4em;margin-bottom:0.375em;word-break:break-word}html body.portfolio main section#portfolio article h2 a{text-decoration:none;position:relative}html body.portfolio main section#portfolio article h2 a::after{-webkit-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;content:'';display:block;background-color:transparent;position:absolute;bottom:0;left:0;right:0;height:0.125em}html body.portfolio main section#portfolio article h2 a:hover::after{background-color:#fafafa}html body.portfolio main section#portfolio article h3{font-size:1.875em;line-height:1.0625em;font-weight:normal;margin-bottom:0.625em}html body.portfolio main section#portfolio article div.portfolio_text_preview{position:relative;font-size:1.125em;line-height:1.25em;color:#ccc;min-height:4em}html body.portfolio main section#portfolio article div.portfolio_actions{min-height:3em;background-color:#000010;line-height:3em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.portfolio main section#portfolio article div.portfolio_actions a{display:inline-block;vertical-align:middle;font-size:1.5em;font-weight:bold;padding:0 0.5em;background-color:#444;vertical-align:middle;margin:0.5em;border-radius:1.5em;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}html body.portfolio main section#portfolio article div.portfolio_actions a:hover{webkit-transform:translate(0, -0.5em);-moz-transform:translate(0, -0.5em);-ms-transform:translate(0, -0.5em);-o-transform:translate(0, -0.5em);transform:translate(0, -0.5em)}html body.portfolio main section#portfolio article>div.portfolio_actions{width:100%;position:absolute;bottom:0;text-align:right}html body.portfolio main section#portfolio article>div.portfolio_actions:before{content:'';display:block;height:4em;width:100%;position:absolute;bottom:100%;padding-bottom:1em;background:#000010;background:-moz-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:-webkit-linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);background:linear-gradient(180deg, rgba(0,0,16,0) 0%, #000010 85%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000010",endColorstr="#000010",GradientType=1)}html body.portfolio main section#portfolio article>div.portfolio_actions div{display:inline}html body.portfolio main section#portfolio article figure{display:block;width:320px;position:relative;float:left;padding-bottom:320px;border-radius:50%;shape-outside:margin-box;overflow:hidden;-moz-box-shadow:0 0 1em 0.5em;-webkit-box-shadow:0 0 1em 0.5em;box-shadow:0 0 1em 0.5em;margin:2em}html body.portfolio main section#portfolio article figure picture{position:absolute;top:0%;left:0%;right:0%;bottom:0%;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}html body.portfolio main section#portfolio article figure picture img{background-color:#ccc;height:100%;display:block;border-radius:50%}html body.portfolio main section#portfolio article figure picture:hover{webkit-transform:scale(1.125);-moz-transform:scale(1.125);-ms-transform:scale(1.125);-o-transform:scale(1.125);transform:scale(1.125)}@media only screen and (min-width: 801px){html body.portfolio main section#portfolio article h2.lores{display:none}html body.portfolio main section#portfolio article:nth-child(2n){text-align:right}html body.portfolio main section#portfolio article:nth-child(2n) figure{float:right}html body.portfolio main section#portfolio article:nth-child(2n)>div.portfolio_actions{text-align:left}}@media only screen and (max-width: 800px){html body.portfolio main section#portfolio article{margin-bottom:10em;min-height:440px}html body.portfolio main section#portfolio article h2.hires{display:none}html body.portfolio main section#portfolio article h3{font-size:1.5em}html body.portfolio main section#portfolio article div.portfolio_actions{text-align:left;top:100%}html body.portfolio main section#portfolio article figure{margin:1em;-moz-box-shadow:0 0 2px 2px;-webkit-box-shadow:0 0 2px 2px;box-shadow:0 0 2px 2px}}@media only screen and (max-width: 533px){html body.portfolio main section#portfolio article{text-align:center;margin-bottom:14em}html body.portfolio main section#portfolio article figure{margin:0 auto;margin-bottom:1em;right:0;float:none;width:360px;padding-bottom:360px}html body.portfolio main section#portfolio article div.portfolio_actions{text-align:center}}@media only screen and (max-width: 480px){html body.portfolio main section#portfolio article{padding:0 0.5em}html body.portfolio main section.pagination{padding:1em 0.25em}}@media only screen and (max-width: 375px){html body.portfolio main section#portfolio article figure{width:320px;padding-bottom:320px}}@media only screen and (max-width: 320px){html body.portfolio main section#portfolio article figure{width:304px;padding-bottom:304px}}html body.portfolio main section#show_work{padding:0;padding-top:2em;overflow-x:visible;font-size:0.875em}html body.portfolio main section#show_work article{padding:0 3%;margin-bottom:2em}html body.portfolio main section#show_work article h3{font-size:2em;margin-bottom:0.75em}html body.portfolio main section#show_work article h4{font-size:1.25em;padding-left:0.75em}html body.portfolio main section#show_work article>div{font-size:1.25em;padding-left:0.5em}html body.portfolio main section#show_work article div{line-height:1.125em}html body.portfolio main section#show_work article div a{position:relative;word-break:break-all}html body.portfolio main section#show_work article div a:hover{text-decoration:underline}html body.portfolio main section#show_work article div ul li{position:relative;margin-left:1em}html body.portfolio main section#show_work article div ul li::before{position:absolute;text-align:center;right:100%;content:"\2022";font-weight:bold;display:inline-block;width:1em}html body.portfolio main section#show_work article div ol{list-style:decimal;margin-left:1em}html body.portfolio main section#show_work article div ol li{margin:0.25em 0}html body.portfolio main section#show_work aside{padding:0 3%;margin-bottom:2em;text-align:center}html body.portfolio main section#show_work aside ul{display:inline-table}html body.portfolio main section#show_work aside ul li{display:inline-table;margin:1em}html body.portfolio main section#show_work aside ul li a{display:inline-table;border-radius:50%;padding:0.25em}html body.portfolio main section#show_work aside ul li a:before{content:'\200B';display:inline-block;padding-top:100%;height:0;vertical-align:middle}html body.portfolio main section#show_work aside ul li a span{display:inline-block;vertical-align:middle;font-size:1em;font-weight:bold}@media only screen and (max-width: 640px){html body.portfolio main section#show_work article{padding:0 12px}html body.portfolio main section#show_work article div{padding-left:0}}@media only screen and (max-width: 533px){html body.portfolio main section#show_work article{padding:12px}}@media only screen and (max-width: 375px){html body.portfolio main section#show_work article{padding:7px}}html body.portfolio main section#show_work{padding:0;padding-top:2em;overflow-x:visible;font-size:0.875em}html body.portfolio main section#show_work article div div.imageswrapper{text-align:center}html body.portfolio main section#show_work article div div.imageswrapper figure{text-align:left;display:inline-block}html body.portfolio main section#show_work article div div.imageswrapper figure picture{display:inline-block;min-height:240px;height:240px;line-height:240px;vertical-align:middle;margin:1em}html body.portfolio main section#show_work article div div.imageswrapper figure picture img{display:inline-block;max-width:320px;max-height:240px;vertical-align:middle;border-width:2px;border-radius:0.5em;border-style:solid}@media only screen and (max-width: 640px){html body.portfolio main section#show_work article div div.imageswrapper figure picture{min-height:228px;height:228px;line-height:228px}html body.portfolio main section#show_work article div div.imageswrapper figure picture img{max-width:304px;max-height:228px}}@media only screen and (max-width: 533px){html body.portfolio main section#show_work article div div.imageswrapper figure picture{min-height:360px;height:360px;line-height:360px}html body.portfolio main section#show_work article div div.imageswrapper figure picture img{max-width:480px;max-height:360px}}@media only screen and (max-width: 480px){html body.portfolio main section#show_work article div div.imageswrapper figure{text-align:center}html body.portfolio main section#show_work article div div.imageswrapper figure picture{min-height:270px;height:270px;line-height:270px;margin:0.75em 0}html body.portfolio main section#show_work article div div.imageswrapper figure picture img{max-width:360px;max-height:270px}}@media only screen and (max-width: 375px){html body.portfolio main section#show_work article div div.imageswrapper figure picture{display:block;line-height:1em;min-height:initial;height:auto}}@media only screen and (max-width: 360px){html body.portfolio main section#show_work article div div.imageswrapper figure picture img{max-width:320px;max-height:240px}}@media only screen and (max-width: 320px){html body.portfolio main section#show_work article div div.imageswrapper figure picture img{max-width:304px;max-height:228px}}html body.newslog main{display:flex;flex-direction:column}html body.newslog main section#news,html body.newslog main section#note{flex:1 0 auto}html body.newslog main section#foot{flex:0 0 auto}html body.newslog main section#news article{margin-bottom:5%}html body.newslog main section#news article table{margin-bottom:3em}html body.newslog main section#news article table caption{text-align:left}html body.newslog main section#news article table caption h2{margin-bottom:0.25em}html body.newslog main section#news article table tbody tr{font-size:1.25em}html body.newslog main section#news article table tbody tr td{padding:0.5em 0.25em}html body.newslog main section#news article table tbody tr td em{white-space:nowrap}html body.newslog main section#news article table tbody tr td a{padding:0.125em 0.25em;margin-left:0.75em;font-weight:bold;text-decoration:underline;display:inline-block;border-radius:0.25em;-webkit-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out}html body.newslog main section#news article table tbody tr td a:hover{background-color:#888;color:#111}html body.newslog main section#note article{font-size:1.25em}html body.newslog main section#note article h1{font-size:1.5em;margin-bottom:0.375em}html body.newslog main section#note article em{margin-bottom:1.5em;display:inline-block}html body.work_experience main{display:flex;flex-direction:column}html body.work_experience main section#work_experiences{flex:1 0 auto}html body.work_experience main section#foot{flex:0 0 auto}html body.work_experience main section#work_experiences article div{font-size:1.5em;line-height:1.125em;padding-bottom:1em}html body.work_experience main section#work_experiences article div a:hover{text-decoration:underline}html body.blog{height:100%}html body.blog main{display:flex;flex-direction:column}html body.blog main section{flex:1 0 auto}html body.blog main section#serials{text-align:center}html body.blog main section#serials article{width:288px;height:216px}html body.blog main section#blogs article.blog{min-height:320px;min-height:24em;max-height:480px}html body.blog main section#blogs article.all_posts{height:auto}html body.blog main section#blogs article.all_posts h1{font-size:6em;line-height:1.5em;text-align:center}html body.blog main section#foot{flex:0 0 auto}html body.blog main section#blogs article{background-color:#0E2544;-moz-box-shadow:inset 0px 0px 0 0.375em #000010;-webkit-box-shadow:inset 0px 0px 0 0.375em #000010;box-shadow:inset 0px 0px 0 0.375em #000010;display:inline-block;width:100%;position:relative;height:100%}html body.blog main section#blogs article figure{position:absolute;top:0.375em;left:0.375em;right:0.375em;bottom:0.375em;overflow:hidden;height:100%;text-align:center;z-index:1}html body.blog main section#blogs article figure picture{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}html body.blog main section#blogs article figure picture img{position:absolute;left:0;right:0;top:-9999px;bottom:-9999px;margin:auto 0;width:100%}html body.blog main section#blogs article h2,html body.blog main section#blogs article h3{display:table;background-color:#054378;position:relative}html body.blog main section#blogs article a{display:inline-block}html body.blog main section#blogs article h2{vertical-align:middle;line-height:1.25em;margin:0.125em;font-size:3em}html body.blog main section#blogs article h2 a{padding:0em 0.25em}html body.blog main section#blogs article h3{font-size:1.5em;margin:0.25em;font-weight:normal}html body.blog main section#blogs article h3 a{padding:0.375em 0.5em}html body.blog main section#blogs article div.top_serials,html body.blog main section#blogs article div.top_posts{text-align:right;position:relative}html body.blog main section#blogs article div.top_serials b,html body.blog main section#blogs article div.top_serials span,html body.blog main section#blogs article div.top_posts b,html body.blog main section#blogs article div.top_posts span{vertical-align:bottom;display:table;font-size:1.25em;background-color:#054378;margin-left:auto;margin-right:0}html body.blog main section#blogs article div.top_serials b a,html body.blog main section#blogs article div.top_serials span a,html body.blog main section#blogs article div.top_posts b a,html body.blog main section#blogs article div.top_posts span a{padding:0.5em}html body.blog main section#blogs article div.top_serials b,html body.blog main section#blogs article div.top_posts b{font-size:1.5em;margin:0.25em;margin-left:auto;margin-bottom:0}html body.blog main section#blogs article div.top_serials span,html body.blog main section#blogs article div.top_posts span{margin:0.3125em;margin-left:auto;display:inline-table}html body.blog main h2{margin-bottom:0.5em;text-align:left}html body.blog main h3{font-size:2.5em}html body.blog main section#serials h2{margin-bottom:0.625em}html body.blog main section#serials article{border-radius:1em;overflow:hidden;display:inline-block;margin:0 1em;margin-bottom:3.5em;position:relative}html body.blog main section#serials article figure{position:absolute;top:0;bottom:0;left:0;right:0;z-index:11}html body.blog main section#serials article figure picture{display:block;overflow:hidden;border-radius:1em}html body.blog main section#serials article figure picture img{max-width:100%}html body.blog main section#serials article a{display:table;width:100%;height:100%;z-index:12;position:relative}html body.blog main section#serials article a span{display:table-cell;text-align:left;font-size:1.75em;padding-left:0.5em;padding-top:0.375em}html body.blog main section#serials article a span h4{display:inline;background:#111;-moz-box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111;-webkit-box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111;box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111}html body.blog main section.posts.all{padding-top:0;padding-bottom:0}html body.blog main section.posts article{margin:3.5em 0}html body.blog main section.posts article figure{display:block;float:left;margin-right:1em;margin-bottom:0.5em;overflow:hidden;width:288px;height:216px}html body.blog main section.posts article figure a{display:block;border-radius:0em;height:100%}html body.blog main section.posts article figure a picture{display:block;height:100%}html body.blog main section.posts article figure a picture img{display:block;max-width:100%;height:100%;border:0.125em solid #000010;background-color:#888;border-radius:1em;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}html body.blog main section.posts article div{display:table}html body.blog main section.posts article div a h3{margin-bottom:0.5em}html body.blog main section.posts article div a:hover h3{text-decoration:underline}html body.blog main section.posts article div>div{font-size:1.25em;line-height:1.125em}html body.blog main section.posts article div>div>p{display:block;padding:0.125em}html body.blog main section.posts.categorized{padding-top:0}html body.blog main section.posts.categorized figure{overflow:hidden;position:relative}html body.blog main section.posts.categorized figure.title_bg:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;-moz-box-shadow:inset 0px 0px 0.5em 0.5em #000010;-webkit-box-shadow:inset 0px 0px 0.5em 0.5em #000010;box-shadow:inset 0px 0px 0.5em 0.5em #000010}html body.blog main section.posts.categorized figure picture img{max-width:100%}html body.blog main section.posts.categorized h2{display:inline-table;background-color:#00A3FF;padding:0.1875em 0.3125em;position:relative;bottom:0.875em;margin:0 0.5em;border:0.1875em solid #00A3FF;-moz-box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;-webkit-box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;border-radius:0.25em}html body.blog main section.posts.categorized h2:after{display:inline-block;content:'';width:3em}html body.blog main section.posts.categorized h2 i{text-align-last:right;text-align:right;position:absolute;right:0.3125em;bottom:0.1875em}html body.post h2{margin-bottom:0.5em;text-align:left}html body.post h3{font-size:2.5em}html body.post section#serials h2{margin-bottom:0.625em}html body.post section#serials article{border-radius:1em;overflow:hidden;display:inline-block;margin:0 1em;margin-bottom:3.5em;position:relative}html body.post section#serials article figure{position:absolute;top:0;bottom:0;left:0;right:0;z-index:11}html body.post section#serials article figure picture{display:block;overflow:hidden;border-radius:1em}html body.post section#serials article figure picture img{max-width:100%}html body.post section#serials article a{display:table;width:100%;height:100%;z-index:12;position:relative}html body.post section#serials article a span{display:table-cell;text-align:left;font-size:1.75em;padding-left:0.5em;padding-top:0.375em}html body.post section#serials article a span h4{display:inline;background:#111;-moz-box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111;-webkit-box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111;box-shadow:0.25em 0 0 0 #111, -0.25em 0 0 0 #111}html body.post section.posts.all{padding-top:0;padding-bottom:0}html body.post section.posts article{margin:3.5em 0}html body.post section.posts article figure{display:block;float:left;margin-right:1em;margin-bottom:0.5em;overflow:hidden;width:288px;height:216px}html body.post section.posts article figure a{display:block;border-radius:0em;height:100%}html body.post section.posts article figure a picture{display:block;height:100%}html body.post section.posts article figure a picture img{display:block;max-width:100%;height:100%;border:0.125em solid #000010;background-color:#888;border-radius:1em;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}html body.post section.posts article div{display:table}html body.post section.posts article div a h3{margin-bottom:0.5em}html body.post section.posts article div a:hover h3{text-decoration:underline}html body.post section.posts article div>div{font-size:1.25em;line-height:1.125em}html body.post section.posts article div>div>p{display:block;padding:0.125em}html body.post section.posts.categorized{padding-top:0}html body.post section.posts.categorized figure{overflow:hidden;position:relative}html body.post section.posts.categorized figure.title_bg:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;-moz-box-shadow:inset 0px 0px 0.5em 0.5em #000010;-webkit-box-shadow:inset 0px 0px 0.5em 0.5em #000010;box-shadow:inset 0px 0px 0.5em 0.5em #000010}html body.post section.posts.categorized figure picture img{max-width:100%}html body.post section.posts.categorized h2{display:inline-table;background-color:#00A3FF;padding:0.1875em 0.3125em;position:relative;bottom:0.875em;margin:0 0.5em;border:0.1875em solid #00A3FF;-moz-box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;-webkit-box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;box-shadow:inset 0 0 0 0.125em #fafafa, 0 0 0.125em 0.125em #000010;border-radius:0.25em}html body.post section.posts.categorized h2:after{display:inline-block;content:'';width:3em}html body.post section.posts.categorized h2 i{text-align-last:right;text-align:right;position:absolute;right:0.3125em;bottom:0.1875em}html body.post body.post{height:100%}html body.post body.post main{display:flex;flex-direction:column}html body.post body.post main section{flex:1 0 auto}html body.post body.post main section#foot{flex:0 0 auto}html body.post main section#post_title_bg{padding:0;height:60%;overflow:hidden;position:relative}html body.post main section#post_title_bg figure{display:block;position:absolute;top:50%}html body.post main section#post_title_bg figure picture{display:block;webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}html body.post main section#post_title_bg figure picture img{display:block;width:100%}html body.post main section#post_title{padding:0px 3%;padding-bottom:3%;overflow:visible;position:relative}html body.post main section#post_title h2{margin:0;padding-bottom:0.125em;line-height:1.125em}html body.post main section#post_title h3{font-size:1.25em;height:2em;line-height:2em}html body.post main section#post_title figure{webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute}html body.post main section#post_title figure div h3{background-color:#555;display:inline-block;-moz-box-shadow:0.5em 0 0 0 #555, -0.5em 0 0 0 #555;-webkit-box-shadow:0.5em 0 0 0 #555, -0.5em 0 0 0 #555;box-shadow:0.5em 0 0 0 #555, -0.5em 0 0 0 #555}html body.post main section#post_title figure div h3 a:hover{text-decoration:underline}html body.post main section#post_title figure div h2{background-color:#00A3FF;display:inline;position:relative;-moz-box-shadow:0.125em 0 0 0 #00A3FF, -0.125em 0 0 0 #00A3FF;-webkit-box-shadow:0.125em 0 0 0 #00A3FF, -0.125em 0 0 0 #00A3FF;box-shadow:0.125em 0 0 0 #00A3FF, -0.125em 0 0 0 #00A3FF}html body.post main section#post_title div.faux{width:50%;font-size:50%;visibility:hidden}html body.post main section#show_post{font-size:1.25em}html body.post main section#next_in_category.show_both article{display:table-cell;width:48%}html body.post main section#next_in_category.show_single article{display:table;max-width:98%}html body.post main section#next_in_category article{padding:1%;-webkit-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-moz-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-ms-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-o-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;border-radius:1em}html body.post main section#next_in_category article:hover{background-color:#FFAD00;color:#111}html body.post main section#next_in_category article h3{margin-bottom:0.5em}html body.post main section#next_in_category article figure{background-color:#555;float:left;margin-right:0.5em;margin-bottom:0.5em;border-radius:0.5em;overflow:hidden}html body.post main section#next_in_category article figure picture img{display:block;width:160px;height:120px}html body.post main section#next_in_category article div h4{font-size:1.25em;padding-bottom:0.5em}html body.post main section#next_in_category article div p{display:block;line-height:1.125em;padding:0.125em}html body.post main section#comments h3{margin-bottom:0.5em}html body.post main section#comments article#new_comment div,html body.post main section#comments article#comments_user_panel div{margin:0.5em 0}html body.post main section#comments article#new_comment div textarea,html body.post main section#comments article#comments_user_panel div textarea{width:100%;height:6em;padding:0.25em 0.375em;border-radius:0.5em;background-color:#555;color:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.post main section#comments article#new_comment div.submit,html body.post main section#comments article#comments_user_panel div.submit{text-align:right}html body.post main section#comments article#new_comment div input[type=submit],html body.post main section#comments article#new_comment div span.comments_notice>a,html body.post main section#comments article#new_comment div a.storno,html body.post main section#comments article#comments_user_panel div input[type=submit],html body.post main section#comments article#comments_user_panel div span.comments_notice>a,html body.post main section#comments article#comments_user_panel div a.storno{display:inline-block;background-color:transparent;color:#fafafa;border:0.25em solid #FFAD00;border-radius:0.25em;padding:0.25em 0.5em;font-size:1.25em;cursor:pointer;vertical-align:middle;line-height:1.125em;margin:0 0.25em;-webkit-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-moz-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-ms-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;-o-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out}html body.post main section#comments article#new_comment div input[type=submit]:hover,html body.post main section#comments article#new_comment div span.comments_notice>a:hover,html body.post main section#comments article#new_comment div a.storno:hover,html body.post main section#comments article#comments_user_panel div input[type=submit]:hover,html body.post main section#comments article#comments_user_panel div span.comments_notice>a:hover,html body.post main section#comments article#comments_user_panel div a.storno:hover{background-color:#FFAD00;color:#111}html body.post main section#comments article#new_comment div span,html body.post main section#comments article#comments_user_panel div span{display:inline-block}html body.post main section#comments article#new_comment div span.comments_notice,html body.post main section#comments article#comments_user_panel div span.comments_notice{display:inline-block;font-size:1.25em;padding:0.5em;border-radius:0.25em;font-weight:bold}html body.post main section#comments article#new_comment div span.validation_error_message,html body.post main section#comments article#comments_user_panel div span.validation_error_message{color:#A00000;margin-left:0.5em;font-size:1.25em;display:inline-block;line-height:1.5em}html body.post main section#comments article#new_comment{width:66%}html body.post main section#comments article#new_comments{margin-top:1em}html body.post main section#comments article#new_comments div.comment{background-color:#555;padding:0.25em 0.5em;display:table;border-radius:0.25em;margin:0.5em 0.125em;max-width:66%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html body.post main section#comments article#new_comments div.comment.my{background-color:#00A3FF}html body.post main section#comments article#new_comments div.comment.replying{border:0.25em solid #FFAD00}html body.post main section#comments article#new_comments div.comment span{font-size:1.125em;line-height:1.125em;padding:0.25em 0.125em;display:table;margin-top:0.125em}html body.post main section#comments article#new_comments div.comment div{display:inline-block}html body.post main section#comments article#new_comments div.comment div>b,html body.post main section#comments article#new_comments div.comment div i,html body.post main section#comments article#new_comments div.comment div a{vertical-align:middle}html body.post main section#comments article#new_comments div.comment div i{margin:0 1em}html body.post main section#comments article#new_comments div.comment div a{padding:0 0.25em;border-radius:0.125em;-webkit-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out}html body.post main section#comments article#new_comments div.comment div a:hover{color:#FFAD00}html body.post main section#comments article#new_comments div.comment div a.danger:hover{background-color:#A00000;color:#fafafa}html body.post main section#comments article#new_comments div.comment.sub1,html body.post main section#comments article#new_comments article#new_comment.sub1{margin-left:2em}html body.post main section#comments article#new_comments div.comment.sub2,html body.post main section#comments article#new_comments article#new_comment.sub2{margin-left:4em}html body.post main section#comments article#new_comments div.comment.sub3,html body.post main section#comments article#new_comments article#new_comment.sub3{margin-left:6em}html body.post main section#comments article#new_comments div.comment.sub4,html body.post main section#comments article#new_comments article#new_comment.sub4{margin-left:8em}html body.post main section#comments article#new_comments div.comment.sub5,html body.post main section#comments article#new_comments article#new_comment.sub5{margin-left:10em}html body.post main section#comments article#new_comments div.comment.sub6,html body.post main section#comments article#new_comments article#new_comment.sub6{margin-left:12em}html body.error{margin:0}@media only screen and (min-width: 479px){html body.error header figure.web_logo{webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);display:inline-table;vertical-align:middle;position:relative;font-size:4em;height:4em;margin:0.5em 0}html body.error header figure.web_logo div.bg{top:0;bottom:0;left:0;right:0;position:absolute;display:block}html body.error header figure.web_logo div.bg::before{content:'';display:block;background-color:#00A3FF;margin:0 auto;width:4em;border-radius:50%;height:100%}html body.error header figure.web_logo div.text{display:table-cell;vertical-align:middle;position:relative;line-height:1em;padding-bottom:1em}html body.error header figure.web_logo div.text::after{content:' ';display:block;position:relative;border-radius:0.125em;height:0.25em;background-color:#fafafa}html body.error header figure.web_logo div.text span{display:inline-block;position:relative;font-weight:bold}html body.error header figure.web_logo div.text span:first-child::after{content:' ';display:inline-block;width:0.5em;height:0.5em;background-color:#fafafa;border-radius:50%;position:relative;top:0.625em;z-index:1;border:0.125em solid #00A3FF}}@media only screen and (max-width: 480px){html body.error header figure.web_logo{webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);display:inline-table;vertical-align:middle;position:relative;font-size:2em;height:4em;margin:0.5em 0}html body.error header figure.web_logo div.bg{top:0;bottom:0;left:0;right:0;position:absolute;display:block}html body.error header figure.web_logo div.bg::before{content:'';display:block;background-color:#00A3FF;margin:0 auto;width:4em;border-radius:50%;height:100%}html body.error header figure.web_logo div.text{display:table-cell;vertical-align:middle;position:relative;line-height:1em;padding-bottom:1em}html body.error header figure.web_logo div.text::after{content:' ';display:block;position:relative;border-radius:0.125em;height:0.25em;background-color:#fafafa}html body.error header figure.web_logo div.text span{display:inline-block;position:relative;font-weight:bold}html body.error header figure.web_logo div.text span:first-child::after{content:' ';display:inline-block;width:0.5em;height:0.5em;background-color:#fafafa;border-radius:50%;position:relative;top:0.625em;z-index:1;border:0.125em solid #00A3FF}html body.error header figure.web_logo{font-size:12vw}}html body.error header nav{font-size:1.5em}html body.error header nav>ul.pagelinks{font-size:1.625em;padding-right:1.125em}html body.error header nav>ul>li>a{-webkit-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-moz-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-ms-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;-o-transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;transition:background-color 0.125s ease-in-out, color 0.125s ease-in-out;background:#666;margin:0.375em}html body.error header nav>ul>li>a:hover{background:#888}html body.error header nav>ul>li>a.active{background-color:#00A3FF}html body.error header nav>ul>li>a.active:hover{background-color:#2BB2FF}html body.error header nav>ul>li>a:not(.active){-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}html body.error header nav>ul>li>a:not(.active):hover{webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}html body.error header nav>ul>li>a:hover+ul{-webkit-transition:transform 0.25s ease-in-out;-moz-transition:transform 0.25s ease-in-out;-ms-transition:transform 0.25s ease-in-out;-o-transition:transform 0.25s ease-in-out;transition:transform 0.25s ease-in-out;webkit-transform:translate(1em);-moz-transform:translate(1em);-ms-transform:translate(1em);-o-transform:translate(1em);transform:translate(1em)}html body.error header nav>ul>li>ul{-webkit-transition:transform 0.125s ease-in-out;-moz-transition:transform 0.125s ease-in-out;-ms-transition:transform 0.125s ease-in-out;-o-transition:transform 0.125s ease-in-out;transition:transform 0.125s ease-in-out;font-size:0.5em;display:inline-table;vertical-align:middle;text-align:left}html body.error header nav>ul>li>ul li{display:table-row}html body.error header nav>ul>li>ul li a{font-weight:bold;padding:0.25em;white-space:nowrap}html body.error header nav>ul>li>ul li a:before{display:none}html body.error header nav>ul>li>ul li a.l2{margin-left:-1em}html body.error header nav>ul>li>ul li a.l1{margin-left:-0.5em}html body.error header nav>ul>li>ul li a em{border-radius:50%;background-color:#666;min-width:1em;display:inline-block;line-height:1em;text-align:center;font-style:normal;padding:0.125em;font-weight:bold}html body.error header nav>ul>li>ul li a:hover span{text-decoration:underline}@media only screen and (max-width: 800px){html body.error header nav ul.pagelinks{padding:0.125em}html body.error header nav ul li ul li a.l1,html body.error header nav ul li ul li a.l2{margin:0}}@media only screen and (max-width: 320px){html body.error header nav ul li{display:block}html body.error header nav ul li ul{margin-left:50%;position:relative}html body.error header nav ul li ul li{position:relative;right:1em;display:block}}html body.error header nav{font-size:1em}html body.error header nav a{color:#fafafa}html body.error main{position:relative}html body.error main section.under_construction{height:100%;padding:0;background-color:#00A3FF;position:absolute;top:0;left:0;bottom:0;right:0}html body.error main section.under_construction h2{text-align:center;font-size:2em}html body.error main section.under_construction figure{width:50%;height:50%;min-height:20em;border-bottom:3em solid #D5A549;border-right:3em double #555;border-left:3em solid transparent;display:flex;align-items:flex-end;justify-content:center;justify-content:space-evenly;position:absolute;bottom:0;margin:0;left:25%;box-sizing:border-box;margin-top:5em}html body.error main section.under_construction figure:before{content:' ';display:block;position:absolute;top:0;right:-3em;width:50%;height:1em;border:1em solid #555;z-index:2;background-color:#00A3FF}html body.error main section.under_construction figure span{display:inline-block;vertical-align:bottom;width:4em;background-color:#eee;position:relative;margin-bottom:2.75em}html body.error main section.under_construction figure span::before,html body.error main section.under_construction figure span::after{content:' ';display:block;position:absolute;left:0;right:0;height:0}html body.error main section.under_construction figure span::after{top:100%;border-bottom:3em solid #222;border-left:1em solid transparent;border-right:1em solid transparent}html body.error main section.under_construction figure span:first-child{height:25%}html body.error main section.under_construction figure span:first-child::before{bottom:103%;border-bottom:5em solid #eee;border-left:2em solid transparent;border-right:2em solid transparent}html body.error main section.under_construction figure span:last-child{height:50%;margin-bottom:10%}html body.error main section.under_construction figure span:last-child:before{bottom:100%;height:60%;background-color:#845B36;width:0.5em;left:1.75em}@media only screen and (max-width: 640px){html body.error main{height:auto}html body.error main section.under_construction{position:relative}html body.error main section.under_construction figure{position:relative;width:90%;margin:0 5%;left:0;right:0}}