*{margin:0;padding:0;box-sizing:border-box;transition:all .4s ease-in-out}body :not(p){white-space:nowrap}html{scroll-behavior:smooth}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-button{width:1px;height:1px}html,body{height:-moz-max-content;height:max-content}body{display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex-shrink:0}body{background:repeating-linear-gradient(45deg, #2e3536, #080808 10vw, #00171c 0, #00171c 20vw) no-repeat;color:#c9c9c9}h3{padding-bottom:3vh;color:#5fbac8;font-size:3.5vh;text-shadow:.1vh .1vh .2vh #000}@media(orientation: portrait){h3{font-size:3.5vw}}h2{text-align:center;color:#9ba5a7;font-size:6vh;text-shadow:.1vh .1vh .2vh #000}@media(orientation: portrait){h2{font-size:6vw}}p,li{color:#c9c9c9;font-size:3vh;line-height:150%;text-shadow:.1vh .1vh 0 #000;list-style-type:none}@media(orientation: portrait){p,li{font-size:3vw}}p{white-space:normal}a{-webkit-text-decoration:none;text-decoration:none}ul{padding-left:3vw}ul li::before{content:"⋗";color:#5fbac8;padding-right:2vh}ul li::marker{color:#fff}header{padding:.5vh 2vh;display:flex;justify-content:space-between;align-items:center;gap:2%;box-shadow:0 .2vh .5vh 0 rgba(0,0,0,.16),0 .2vh 1vh 0 rgba(0,0,0,.12);background:rgba(0,23,28,.9019607843);z-index:1;border-bottom:5px groove #bcbcbc;position:fixed;top:0;width:100%}@media(orientation: portrait){header{padding:0 2vw;margin-bottom:5vw}}header .swu-img{height:5.5vh}@media(orientation: portrait){header .swu-img{height:5.5vw}}header .menu-btn-wrapper{display:none;flex-direction:column;justify-content:center;margin-right:2vh;margin-left:auto;height:6vh;padding:.4vw .2vw;opacity:.8;cursor:pointer;z-index:222222}@media(orientation: portrait){header .menu-btn-wrapper{display:flex}}header .menu-btn-wrapper:hover{opacity:.8}header .menu-btn-wrapper .menu-btn{height:.3vw;width:4.4vh;background:#fff;transition:all .15s ease-out;position:relative}header .menu-btn-wrapper .menu-btn:before,header .menu-btn-wrapper .menu-btn:after{position:absolute;content:"";width:100%;height:.3vw;background:#fff;transition:all .1s ease-out}header .menu-btn-wrapper .menu-btn:before{top:-1.5vh;transform-origin:left}header .menu-btn-wrapper .menu-btn:after{top:1.5vh;transform-origin:left}header .menu-btn-wrapper.active .menu-btn{background:rgba(255,255,255,0)}header .menu-btn-wrapper.active .menu-btn:before{transform:rotate(45deg)}header .menu-btn-wrapper.active .menu-btn:after{transform:rotate(-45deg)}.logo-wrapper{display:flex;align-items:center;gap:2vw}.logo-wrapper .logo{color:#f4f4f4;display:flex;flex-direction:column;align-items:flex-end}.logo-wrapper .logo h1{text-shadow:.2vh .5vh .5vh rgba(0,0,0,.8);font-family:"Alexander";font-size:7vh;font-weight:800;white-space:nowrap}@media(orientation: portrait){.logo-wrapper .logo h1{font-size:7vw}}.logo-wrapper .logo span{font-size:2.6vh;color:#e5e5e5;letter-spacing:.2vh}@media(orientation: portrait){.logo-wrapper .logo span{font-size:2.6vw}}@media(orientation: portrait){.menu{visibility:hidden;position:fixed;top:0;right:0;width:80vw;height:100%;background-color:rgba(2,23,27,.8705882353);transform:translateX(200%)}}.menu.active{visibility:visible;transform:translateX(0);z-index:2}.menu.active .menu__header a{font-size:5vw}.menu a{color:#e5e5e5;-webkit-text-decoration:none;text-decoration:none;font-size:3vh}.menu a:hover{color:#fff}.menu a.active-link{color:#00dbfd}.menu .menu__header{display:flex;gap:5vw;padding-right:2vw;align-items:center}@media(orientation: portrait){.menu .menu__header{padding:78% 10%;display:flex;flex-direction:column;align-items:center}}@media(orientation: portrait){.menu .menu__header a{font-size:3vw;line-height:170%}}main{padding-top:20vh}.main__block{display:flex;justify-content:space-around;padding:6vh 3vh 8vh;flex-direction:row}@media(max-width: 1024px){.main__block{flex-direction:column;gap:2vw}.main__block>*{width:100% !important}}.main__block h3{display:flex;align-items:center;gap:2vh}.main__block .likes,.main__block .skills{padding:8vh;border-radius:1vh;height:-moz-fit-content;height:fit-content;box-shadow:0vh 0vh 6vh rgba(88,127,127,.26)}.main__block .likes{width:35vw;background:rgba(4,55,63,.5411764706);padding:7vh 5vh;display:flex;align-items:center;gap:3vh}.main__block .likes .likes__vertical{font-size:2vh;color:#79c0cb;letter-spacing:1vh;writing-mode:vertical-rl;transform:scale(-1)}@media(orientation: portrait){.main__block .likes .likes__vertical{font-size:2vw}}.main__block .likes .likes__gorisontal{display:flex;flex-direction:column;gap:2vh}.main__block .skills{display:flex;justify-content:space-evenly;gap:10vh;padding:8vh;background:rgba(4,55,63,.5411764706);border-radius:1vh}.main__block .skills img{width:4vh}@media(orientation: portrait){.main__block .skills img{width:4vw}}.about__block{overflow:hidden;background:rgba(149,149,149,.1215686275);padding:2%;display:flex;justify-content:space-between;align-items:center;gap:2vh;border-top:1px groove #727272;flex-direction:row}@media(max-width: 1024px){.about__block{flex-direction:column;gap:2vw}}.about__block #youtube-video{box-sizing:content-box;width:-moz-fit-content;width:fit-content;max-height:210px;min-width:380px;overflow:hidden;display:block;padding:1vh;background:#bababa;box-shadow:0 1vh 5vh rgba(100,129,130,.5098039216);filter:saturate(20%) grayscale(50%)}.about__block #youtube-video:hover{filter:none}.about__block .about__text{padding:0 2vw}@media(orientation: portrait){.about__block .about__text{width:100%}}footer{height:12vh;display:flex;justify-content:space-around;align-items:center;border-top:1px groove #727272;background:linear-gradient(to bottom, #00171c, transparent)}@media(orientation: portrait){footer{height:12vw}}footer .copyright{color:#999;text-align:center;font-size:2.5vh}@media(orientation: portrait){footer .copyright{font-size:2.5vw}}footer .copyright:before{content:"©";padding-right:1vh}footer .rss-ref__img,footer .git-ref__img{height:6vh;fill:#777}@media(orientation: portrait){footer .rss-ref__img,footer .git-ref__img{height:6vw}}.portfolio__block{overflow:hidden;height:100vh}.portfolio__block .horizontal-scroll-wrapper{display:flex;flex-direction:column;align-items:center;width:100vh;transform:rotate(-90deg) translate3d(0, -100vh, 0);transform-origin:right top;overflow-y:auto;overflow-x:hidden;padding:0;height:100vw;perspective:1px;transform-style:preserve-3d;padding-bottom:10rem}.portfolio__block .img-wrapper{transform:rotate(90deg);display:flex;align-items:center;justify-content:center;min-height:30vh;transform-origin:50% 50%;transform:rotate(90deg) translateZ(0.1px) scale(1) translateX(0px) translateY(-3vh);transition:1s}.portfolio__block .img-wrapper:hover{min-height:55vh}.portfolio__block .slower{transform:rotate(90deg) translateZ(-0.2px) scale(1.3) translateX(0%) translateY(-15vh)}.portfolio__block .slower1{transform:rotate(90deg) translateZ(-0.25px) scale(1.05) translateX(0%) translateY(8vh)}.portfolio__block .slower2{transform:rotate(90deg) translateZ(-0.3px) scale(1.5) translateX(0%) translateY(1vh)}.portfolio__block .slower-down{transform:rotate(90deg) translateZ(-0.2px) scale(1.4) translateX(0%) translateY(16vh)}.portfolio__block .faster{transform:rotate(90deg) translateZ(0.15px) scale(0.8) translateX(0%) translateY(14vh)}.portfolio__block .faster1{transform:rotate(90deg) translateZ(0.05px) scale(1.2) translateX(0%) translateY(8vh)}.portfolio__block .fastest{transform:rotate(90deg) translateZ(0.22px) scale(0.7) translateX(-10vh) translateY(15vh)}.portfolio__block .vertical{transform:rotate(90deg) translateZ(-0.15px) scale(1.15) translateX(0%) translateY(-10vh)}.portfolio__block .last{transform:rotate(90deg) translateZ(-0.2px) scale(1.3) translateX(15vh) translateY(-20vh)}.portfolio__block .img-wrapper a{overflow:hidden;display:block;padding:.3vh;background:#fff;box-shadow:0 10px 50px rgba(2,23,25,.7)}.portfolio__block img{max-width:45vh;max-height:50vh;transition:.5s;vertical-align:top;filter:saturate(20%) grayscale(50%)}.portfolio__block a:hover img{filter:none}@font-face{font-family:"Lobster";src:url(fonts/sportsworld.woff2)}@font-face{font-family:"Alexander";src:local("Alexander"),url(fonts/alexander.woff2) format("woff2");font-weight:400;font-style:normal}