header{background:url(../img/bg/webp/header-bg-pc-grad.webp) no-repeat;background-size:cover;text-align:center;color:#F2F3F4;font-weight:500}nav{background-color:rgba(0,0,0,0.7);position:fixed;width:100%;z-index:10}.menu-nav{display:flex;list-style:none;justify-content:space-evenly;text-transform:uppercase;padding:1.5rem 0}.menu-nav li a{color:#F2F3F4;font-size:clamp(1.56rem, calc(0.89vw + 1.38rem), 2.11rem);padding:1rem 0}.menu-nav li a:hover,.menu-nav li a:active{text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:10px;text-decoration-thickness:6px}#domov:hover,#domov:active{text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:10px;text-decoration-thickness:6px}@media (max-width: 900px){.menu-nav li a{font-size:clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem)}.menu-nav li a:hover,.menu-nav li a:active{text-underline-offset:8px;text-decoration-thickness:3px}#domov:hover,#domov:active{text-underline-offset:8px;text-decoration-thickness:3px}}@media (max-width: 500px){.menu-nav li a{font-size:clamp(0.8rem, calc(0.15vw + 0.77rem), 0.89rem)}}.header-section{height:100vh;display:grid;grid-template-columns:1fr 2fr}.logo-content{display:grid;align-self:center;container-type:size;height:50cqh}.header-hero-wrap{display:grid;align-self:end;container-type:size;height:90vh;background:url(../img/myself/webp/header-hero.webp) bottom right no-repeat;background-size:contain}.logo-wrap{width:100%;container-type:size}.wiz{max-width:50cqh}.wiz .cls-1,.wiz .cls-2{fill:#F2F3F4;stroke-width:0px}.wiz .cls-2{fill-rule:evenodd}.logo-text{font-size:clamp(1.95rem, calc(1.4vw + 1.67rem), 2.81rem);padding-top:1rem}.logo-wrap .wiz{transition:transform 0.5s ease-in-out, filter 0.5s ease-in-out}.logo-wrap.scaling .wiz{transform:scale(1.05);filter:drop-shadow(2px 2px 5px #fff)}@media (max-width: 1300px){.header-section{height:100vh;display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 900px){header{background:url(../img/bg/webp/header-bg-tb-grad.webp) no-repeat;background-size:cover}.header-section{height:100vh;display:grid;grid-template-columns:unset;grid-template-rows:1fr 1fr}.logo-content{display:grid;align-self:center;container-type:size;height:30vh;padding-top:5rem}.wiz{max-width:100cqh}.header-hero-wrap{display:grid;align-self:end;container-type:size;height:40vh;background:url(../img/myself/webp/header-hero.webp) bottom no-repeat;background-size:contain}}@media (max-width: 500px){header{background:url(../img/bg/webp/header-bg-mb-grad2.webp) no-repeat;background-size:cover}}.about-section{min-height:100vh;background:url(../img/bg/webp/about-bg-pc-grad.webp) no-repeat;background-size:cover;color:#F2F3F4}.about-section h2{padding:3rem 0;text-align:center;text-decoration:underline;text-decoration-color:#BA0001;text-underline-offset:10px;text-decoration-thickness:6px}.about-wrap-main{display:grid;grid-template-columns:1fr 2fr;column-gap:1rem}.about-wrap-1 h1{line-height:1.5;text-decoration:underline;text-decoration-color:#BA0001;text-underline-offset:10px;text-decoration-thickness:6px}.about-wrap-1 h3{text-transform:none;place-self:center;line-height:1.5;padding-top:2rem}.about-wrap-2{line-height:2}em{text-decoration:underline;text-underline-offset:5px;font-weight:500}@media (max-width: 900px){.about-wrap-main{display:block;text-align:center;padding-bottom:3rem}.about-section{background:url(../img/bg/webp/about-bg-tb-grad.webp) no-repeat;background-size:cover}.about-wrap-2 p{margin:2rem 0}}@media (max-width: 500px){.about-section{background:url(../img/bg/webp/about-bg-mb-grad-final.webp) no-repeat;background-size:cover}}.techstack-section{min-height:100vh;background:url(../img/bg/webp/techstack-bg-pc-grad-final.webp) no-repeat;background-size:cover;color:#F2F3F4}.techstack-section h2{padding:3rem 0;text-align:center;text-decoration:underline;text-decoration-color:#B83DCB;text-underline-offset:10px;text-decoration-thickness:6px}.cube-hero{display:none}.techstack-content{background:url(../img/myself/webp/cube-hero-pc.webp) center no-repeat;background-size:contain;min-height:100vh}.cube-wrap{position:relative;min-height:80vh;width:100%;container-type:size;z-index:1}.cube{overflow:visible !important;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;width:20cqw;height:20cqw;text-align:center;container-type:size;top:37%;left:40%;transform:translate(-37%, -40%);-webkit-transform:translate(-37%, -40%);z-index:2}.side{position:absolute;width:100cqw;height:100cqw;display:flex;align-items:center;justify-content:center}.icon-wrap{font-size:50cqh}.front{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;color:#DD4B25;transform:translateZ(50cqw)}.back{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;color:#000;transform:translateZ(-50cqw)}.right{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;color:#E2C430;transform:translateX(50cqw) rotateY(90deg)}.left{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;transform:translateX(-50cqw) rotateY(-90deg)}.top{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;color:#C76395;transform:translateY(-50cqw) rotateX(90deg)}.bottom{background:url(../img/other/webp/sklo.webp) no-repeat;background-size:contain;color:#1F5FAA;transform:translateY(50cqw) rotateX(-90deg)}.cube{animation:rotateAndScale 15s infinite linear}@keyframes rotateAndScale{0%{transform:rotateX(0deg) rotateY(0deg) scale(1)}12.5%{transform:rotateX(45deg) rotateY(45deg) scale(1.15)}25%{transform:rotateX(90deg) rotateY(90deg) scale(1)}37.5%{transform:rotateX(135deg) rotateY(135deg) scale(1.15)}50%{transform:rotateX(180deg) rotateY(180deg) scale(1)}62.5%{transform:rotateX(225deg) rotateY(225deg) scale(1.15)}75%{transform:rotateX(270deg) rotateY(270deg) scale(1)}87.5%{transform:rotateX(315deg) rotateY(315deg) scale(1.15)}100%{transform:rotateX(360deg) rotateY(360deg) scale(1)}}.jqlogo{max-width:50%;filter:drop-shadow(1px 1px 1px #000)}.cube-icon{text-shadow:1px 1px 1px rgba(0,0,0,0.6)}.techstack-wrap-main .skill-set-wrap{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:40%}.skill-set-first,.skill-set-second{display:grid;grid-template-rows:repeat(3, 1fr);row-gap:1rem}.skills{display:grid;grid-template-columns:1fr 1fr 1.5fr;align-items:center;column-gap:1rem}.status-wrap{width:100%;height:50%;background-color:#611d6c}.status{width:100%;height:100%;background-color:#B83DCB}.html5{width:85%}.css3{width:85%}.js{width:25%}.jq{width:25%}.sass{width:50%}.github{width:25%}.skill-name{text-transform:uppercase;font-weight:700;text-decoration:underline;text-decoration-color:#B83DCB;text-underline-offset:8px;text-decoration-thickness:3px}@media (max-width: 900px){.techstack-section{background:url(../img/bg/webp/techstack-bg-tb-grad-final.webp) center no-repeat;background-size:cover;min-height:100vh}.techstack-content{background:none}.techstack-wrap-main .skill-set-wrap{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1rem;min-height:10vh}.cube-wrap{min-height:70vh;background:url(../img/myself/webp/cube-hero-tb.webp) center no-repeat;background-size:contain;container-type:size}.cube{width:25cqw;height:25cqw;container-type:size;top:38%;left:20%;transform:translate(-20%, -38%)}.side{width:100cqh;height:100cqh;container-type:size}.front{transform:translateZ(50cqh)}.back{transform:translateZ(-50cqh)}.right{transform:translateX(50cqh) rotateY(90deg)}.left{transform:translateX(-50cqh) rotateY(-90deg)}.top{transform:translateY(-50cqh) rotateX(90deg)}.bottom{transform:translateY(50cqh) rotateX(-90deg)}}@media (max-width: 500px){.techstack-wrap-main .skill-set-wrap{grid-template-columns:unset;row-gap:1rem}.techstack-section{background:url(../img/bg/webp/techstack-bg-mb-grad-final.webp) no-repeat;background-size:cover;min-height:200vh}.techstack-section .cube-wrap{min-height:50vh;container-type:size;background:none}.skill-set-wrap .skill-set-first .skills,.skill-set-wrap .skill-set-second .skills{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;row-gap:1rem}.skill-set-wrap .skill-set-first .skills .skill-level,.skill-set-wrap .skill-set-second .skills .skill-level{grid-column:1 / 2}.skill-set-wrap .skill-set-first .skills .status-wrap,.skill-set-wrap .skill-set-second .skills .status-wrap{grid-row:1 / 2;grid-column:2 / 3}.techstack-section .cube-hero{display:block;height:50vh;background:url(../img/myself/webp/cube-hero-mb.webp) center no-repeat;background-size:contain}.cube{position:absolute;width:35cqh;height:35cqh;container-type:size;top:22%;left:28%;transform:translate(-22%, -28%)}.side{width:100cqh;height:100cqh;container-type:size}.front{transform:translateZ(50cqh)}.back{transform:translateZ(-50cqh)}.right{transform:translateX(50cqh) rotateY(90deg)}.left{transform:translateX(-50cqh) rotateY(-90deg)}.top{transform:translateY(-50cqh) rotateX(90deg)}.bottom{transform:translateY(50cqh) rotateX(-90deg)}}@media (max-width: 350px){.cube{top:22%;left:22%;transform:translate(-22%, -22%)}}.projects-section{min-height:100vh;background:url(../img/bg/webp/projects-bg-pc-grad.webp) no-repeat;background-size:cover;color:#F2F3F4}.projects-section h2{padding:3rem 0;text-align:center;text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:10px;text-decoration-thickness:6px}.projects-wrap-main{display:grid;grid-template-rows:repeat(2, 1fr);row-gap:3rem;padding-bottom:2rem}.project-wrap-1 h4,.project-wrap-2 h4{text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:6px;text-decoration-thickness:3px;line-height:1.5;text-align:right;padding-right:2rem}.project-wrap-1{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:2rem}.project-wrap-1 ul{list-style:none;display:grid;grid-template-rows:0.5fr 0.9fr 1fr}.project-wrap-1 ul li{line-height:2;font-size:clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem)}.project-wrap-1 ul li img{border-radius:10px}.project-wrap-1 ul li:first-of-type{font-weight:700;text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:6px;text-decoration-thickness:2px}.project-wrap-2{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:2rem}.project-wrap-2 ul{list-style:none;display:grid;grid-template-rows:0.5fr 0.9fr 1fr}.project-wrap-2 ul li{line-height:2;font-size:clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem)}.project-wrap-2 ul li img{border-radius:10px}.project-wrap-2 ul li:first-of-type{font-weight:700;text-decoration:underline;text-decoration-color:#FFD801;text-underline-offset:6px;text-decoration-thickness:2px}.studny-link{color:#F2F3F4;text-decoration:none;position:relative}@media (max-width: 1160px){.projects-wrap-main{grid-template-rows:1fr}.project-wrap-1{grid-template-columns:unset;grid-template-rows:0.3fr 1fr;text-align:center}.project-wrap-1 h4{text-align:center;padding-top:3rem;padding-right:0rem;max-height:20%}.project-wrap-1 .done-item-1{grid-template-rows:0.2fr 0.5fr 0.2fr}.project-wrap-1 .done-item-1 li{padding:1rem 0}.project-wrap-2{grid-template-columns:unset;grid-template-rows:0.2fr 1fr 1fr 1fr;row-gap:1rem;text-align:center;padding-bottom:5rem}.project-wrap-2 h4{text-align:center;padding-right:0rem}.project-wrap-2 .in-process-item-1,.project-wrap-2 .in-process-item-2,.project-wrap-2 .in-process-item-3{grid-template-rows:0.2fr 0.5fr 0.2fr}.project-wrap-2 .in-process-item-1 li,.project-wrap-2 .in-process-item-2 li,.project-wrap-2 .in-process-item-3 li{padding:1rem 0}}@media (max-width: 900px){.projects-section{min-height:100vh;background:url(../img/bg/webp/projects-bg-mb-grad-final.webp) no-repeat;background-size:cover;color:#F2F3F4}}.footer-section{min-height:100vh;background-color:#000;color:#F2F3F4}.footer-section h2{padding:3rem 0;text-align:center;text-decoration:underline;text-decoration-color:#F2F3F4;text-underline-offset:10px;text-decoration-thickness:6px}.footer-wrap-main{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1rem}.footer-wrap-2{display:grid;grid-template-rows:repeat(4, 1fr);row-gap:1rem}.footer-wrap-2 h4,.footer-wrap-2 h5{line-height:1.5;place-self:center;text-align:center}.footer-wrap-2 ul{list-style:none;place-self:center}.footer-wrap-2 ul li{padding:0.5rem 0;line-height:2;font-size:clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem)}.footer-wrap-2 ul li i{text-decoration:underline;text-decoration-color:#F2F3F4;text-underline-offset:10px;text-decoration-thickness:3px}.footer-wrap-2 ul li a{color:#F2F3F4;padding:1rem 0;text-decoration:underline;text-decoration-color:#F2F3F4;text-underline-offset:10px;text-decoration-thickness:3px}.git a{color:#F2F3F4;text-decoration:underline;text-decoration-color:#F2F3F4;text-underline-offset:6px;text-decoration-thickness:3px}.git a i{color:#F2F3F4;text-decoration:underline;text-decoration-color:#F2F3F4;text-underline-offset:6px;text-decoration-thickness:3px}@media (max-width: 900px){.footer-wrap-main{grid-template-columns:unset;grid-template-rows:2.2fr 1fr;column-gap:1rem}.footer-wrap-1{grid-row:2;display:grid}.footer-hero{max-width:50%;place-self:center}}@media (max-width: 500px){.footer-wrap-2{row-gap:2rem}.footer-hero{max-width:70%}}html{box-sizing:border-box;scroll-behavior:smooth;scroll-padding-top:2rem}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;padding:0;margin:0}img{max-width:100%;height:auto;vertical-align:middle}ul{margin:0;padding-left:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;text-transform:uppercase}h1{font-size:clamp(2.44rem, calc(2.14vw + 2.01rem), 3.75rem)}h2{font-size:clamp(2.44rem, calc(2.14vw + 2.01rem), 3.75rem)}h3{font-size:clamp(1.95rem, calc(1.4vw + 1.67rem), 2.81rem)}h4{font-size:clamp(1.56rem, calc(0.89vw + 1.38rem), 2.11rem)}h5{font-size:clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem)}p{font-size:clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem)}body{font-family:"Rubik", sans-serif}header{max-width:100%;height:100vh}main{max-width:100%}section{max-width:100%}.content{max-width:1300px;margin:0 auto;padding:0 1.25rem}