@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(../media/2f1d8ba353927d7a-s.3aee2482.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(../media/170667d967551a11-s.f43aed2c.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(../media/577256d7356a9b8e-s.a55cf436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(../media/0e6a0e5f826ff4ae-s.5099a022.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(../media/dbd8dd1b6dc008ad-s.a4c6528a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(../media/5ff35ec1ce4a2f4e-s.f261d3cc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(../media/badbcc8983f2091f-s.a93eda1e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(../media/1a19cccc9d303251-s.85ad2b73.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/17603af13aa8a542-s.0f6f851b.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/207e57240b1809b2-s.4dd71181.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/00231884809ac59e-s.467e14c2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f05228a5f9ec0eae-s.b2529432.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9dc791b0865fd39f-s.88abb702.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c29509b8a0bee3b9-s.c9204edf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/261abb472e2873a9-s.1276e4bb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/536b4d72a397ec90-s.a277c2de.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans Fallback;src:local(Arial);ascent-override:105.3%;descent-override:28.55%;line-gap-override:0.0%;size-adjust:96.68%}.pt_sans_f251cdf0-module__6m4KAG__className{font-family:PT Sans,PT Sans Fallback}
.error-page{flex-direction:column;place-content:center;align-items:center;width:100%;height:92vh;font-family:Ubuntu,sans-serif;display:flex}.error-page .planet{transform-style:preserve-3d;position:relative}.error-page .planet:after,.error-page .planet:before{content:"";background:linear-gradient(#ffffff0d,#0000);border-radius:50%;position:absolute;transform:translateZ(-40em)}.error-page .planet:after{width:14em;height:14em;animation-delay:2s;top:calc(50% - 7em);left:calc(50% - 7em)}.error-page .planet:before{width:18em;height:18em;top:calc(50% - 9em);left:calc(50% - 9em)}.error-page .planet .inner{background:linear-gradient(90deg,#272727,#4b4b4b);border-radius:50%;width:10em;height:10em;position:absolute;top:calc(50% - 5em);left:calc(50% - 5em);overflow:hidden;transform:rotate(-30deg)translateZ(1em)}.error-page .planet .inner:after{content:"";background:radial-gradient(#0000 66%,#0000001a 66.1%);width:100%;height:100%;position:absolute;top:0;left:0}.error-page .planet .ring{background:radial-gradient(#0000 50%,#2e2e2e 50.1% 60%,#404040 60.1%);border-radius:50%;width:18em;height:18em;position:absolute;top:calc(50% - 9em);left:calc(50% - 9em);transform:rotateX(78deg)rotateY(-30deg)translateY(-3.125px)}.error-page .planet .moon{background:radial-gradient(at 0 100%,#272727 50%,#393939 50.1% 70%,#4b4b4b 70.1%);border-radius:50%;width:3em;height:3em;animation:7s linear infinite moon;position:absolute;top:-16em;left:6em;overflow:hidden;transform:translateZ(22em)}.error-page .planet .moon:after,.error-page .planet .moon:before{content:"";position:absolute}.error-page .planet .moon:after{background:radial-gradient(#0000 64%,#0000001a 64.1%);width:100%;height:100%;top:0;left:0}.error-page .planet .moon:before{background-color:#272727;border-radius:50%;width:1em;height:1em;top:2.5em;left:2.2em}.error-page .planet .error-span{font-size:14em;font-weight:700;position:absolute;top:0;transform:translateY(-50%)}.error-page .planet .error-span:first-of-type{color:#393939;right:.55em}.error-page .planet .error-span:nth-of-type(2){color:#4b4b4b;left:.5em}@media (max-width:460px){.error-page .planet .error-span{display:none}}.error-page .planet .stars,.error-page .planet .stars:after,.error-page .planet .stars:before{background-color:#ff8000;border-radius:50%;width:1em;height:1em;animation:5s ease-in-out infinite blink;position:fixed}.error-page .planet .stars:after,.error-page .planet .stars:before{content:"";display:block}.error-page .planet .s1{top:-19em;left:-9em}.error-page .planet .s1:after{animation-delay:.5s;top:13em;left:8em}.error-page .planet .s1:before{top:18em;left:-10em}.error-page .planet .s2{font-size:.6em;animation-delay:.25s;top:-30em;left:8em}.error-page .planet .s2:after{top:20em;left:3em}.error-page .planet .s2:before{animation-delay:.5s;top:12em;left:-15em}.error-page .planet .s3{font-size:.5em;animation-delay:.5s;top:-27em;left:1em}.error-page .planet .s3:after{animation-delay:.75s;top:-48em;left:-4em}.error-page .planet .s3:before{animation-delay:.25s;top:35em;left:12em}.error-page .planet .s4{font-size:.3em;top:-30em;left:-30em}.error-page .planet .s4:after{animation-delay:.5s;top:-20em;left:30em}.error-page .planet .s4:before{top:25em;left:22em}@keyframes blink{0%{opacity:.85}25%{opacity:.4}50%{opacity:.85}75%{opacity:.4}to{opacity:.85}}@keyframes moon{0%{top:5em;left:-5em;transform:translateZ(-30em)}1%{transform:translateZ(30em)}50%{top:-8em;left:3em;transform:translateZ(30em)}51%{transform:translateZ(-30em)}60%{transform:scale(.8)}95%{transform:scale(.8)}to{top:5em;left:-5em;transform:translateZ(-30em)}}.error-page .alt{letter-spacing:.2em;margin:0;font-size:3em;font-weight:700;position:fixed;bottom:1.25em}@media (min-width:461px){.error-page .alt{display:none}}.error-page .info{letter-spacing:.2em;margin:0;font-size:1.5em;font-weight:700;position:fixed;bottom:1.8em}@media (max-width:460px){.error-page .info{bottom:1em}}.main-header{z-index:2;position:relative}.main-header .logo-social{background-color:#000c;flex-wrap:wrap;justify-content:space-around;display:flex;position:relative}.main-header .logo-social .logo{text-indent:-9999px;background:url(/img/logo.png) 50%/cover no-repeat;width:50px;height:50px;display:block}.main-header .logo-social .social-holder{justify-content:center;align-items:center;gap:5px;display:flex;overflow:hidden}.main-header .logo-social .social-holder li>a{text-indent:-9999px;background-image:url(/img/sprite.png);width:40px;height:40px;display:block}.main-header .logo-social .social-holder #facebook{background-position:0 -40px;transition:background-position .1s;animation:4s linear facebook;position:relative}.main-header .logo-social .social-holder #facebook:hover{background-position:0 0}.main-header .logo-social .social-holder #facebook:active{top:2px;left:2px}@keyframes facebook{0%{background-position:0 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:0 0;top:0;left:0}to{background-position:0 -40px;top:0;left:0}}.main-header .logo-social .social-holder #viber{background-position:-40px -40px;transition:background-position .1s;animation:4s linear 1.3s viber;position:relative}.main-header .logo-social .social-holder #viber:hover{background-position:-40px 0}.main-header .logo-social .social-holder #viber:active{top:2px;left:2px}@keyframes viber{0%{background-position:-40px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-40px 0;top:0;left:0}to{background-position:-40px -40px;top:0;left:0}}.main-header .logo-social .social-holder #github{background-position:-80px -40px;transition:background-position .1s;animation:4s linear 2.6s github;position:relative}.main-header .logo-social .social-holder #github:hover{background-position:-80px 0}.main-header .logo-social .social-holder #github:active{top:2px;left:2px}@keyframes github{0%{background-position:-80px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-80px 0;top:0;left:0}to{background-position:-80px -40px;top:0;left:0}}.main-header .logo-social .social-holder #discord{background-position:-120px -40px;transition:background-position .1s;animation:4s linear 3.9s discord;position:relative}.main-header .logo-social .social-holder #discord:hover{background-position:-120px 0}.main-header .logo-social .social-holder #discord:active{top:2px;left:2px}@keyframes discord{0%{background-position:-120px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-120px 0;top:0;left:0}to{background-position:-120px -40px;top:0;left:0}}.main-header .logo-social .social-holder #linkedin{background-position:-160px -40px;transition:background-position .1s;animation:4s linear 5.2s linkedin;position:relative}.main-header .logo-social .social-holder #linkedin:hover{background-position:-160px 0}.main-header .logo-social .social-holder #linkedin:active{top:2px;left:2px}@keyframes linkedin{0%{background-position:-160px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-160px 0;top:0;left:0}to{background-position:-160px -40px;top:0;left:0}}.main-header .logo-social .social-holder #twitter{background-position:-200px -40px;transition:background-position .1s;animation:4s linear 6.5s twitter;position:relative}.main-header .logo-social .social-holder #twitter:hover{background-position:-200px 0}.main-header .logo-social .social-holder #twitter:active{top:2px;left:2px}@keyframes twitter{0%{background-position:-200px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-200px 0;top:0;left:0}to{background-position:-200px -40px;top:0;left:0}}.main-header .logo-social .social-holder #codepen{background-position:-240px -40px;transition:background-position .1s;animation:4s linear 7.8s codepen;position:relative}.main-header .logo-social .social-holder #codepen:hover{background-position:-240px 0}.main-header .logo-social .social-holder #codepen:active{top:2px;left:2px}@keyframes codepen{0%{background-position:-240px 0;top:0;left:0}8%{top:0;left:50px}24%{top:0;left:-50px}32%{top:0;left:0}95%{background-position:-240px 0;top:0;left:0}to{background-position:-240px -40px;top:0;left:0}}.main-header .logo-social #hamburger-menu,.main-header .logo-social #close-hamburger{border-radius:50%;width:50px;height:50px;position:absolute;bottom:-50px;right:5px}.main-header .logo-social #hamburger-menu{z-index:2;background:#555 url(/img/hamburger.svg) 50%/cover no-repeat}.main-header .logo-social #hamburger-menu:hover{cursor:pointer;background-color:#ff8000}.main-header .logo-social #close-hamburger{z-index:3;background:#555 url(/img/close.svg) 50%/cover no-repeat}.main-header .logo-social #close-hamburger:hover{cursor:pointer;background-color:#ff8000}.main-header .main-nav{z-index:2;display:none;position:absolute;top:100px;left:0;right:0}.main-header .main-nav .main-menu{background-color:#0000001a;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.main-header .main-nav .main-menu li{width:50%}.main-header .main-nav .main-menu li>a{text-align:center;width:100%;height:30px;color:var(--gold);border:1px solid var(--grey);background-color:var(--black);border-radius:25px;justify-content:center;align-items:center;margin:0 auto;font-size:.8rem;line-height:30px;text-decoration:none;transition:color .5s;display:flex;position:relative;box-shadow:7px 7px 5px #282828bf}.main-header .main-nav .main-menu li>a:hover{color:#fff;border:1px groove #ff8000}.main-header .main-nav .main-menu li>a:active{color:#8a8a8a;top:2px;left:2px}.main-header .main-nav .main-menu #home{z-index:2;animation:.2s linear .2s backwards home}@keyframes home{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}.main-header .main-nav .main-menu #about-me{z-index:2;animation:.2s linear .4s backwards about-me}@keyframes about-me{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}.main-header .main-nav .main-menu #skills{z-index:2;animation:.2s linear .6s backwards skills}@keyframes skills{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}.main-header .main-nav .main-menu #projects{z-index:1;animation:.2s linear .8s backwards projects}@keyframes projects{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}.main-header .main-nav .main-menu #contact{z-index:1;animation:.2s linear 1s backwards contact}@keyframes contact{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}.main-header .main-nav .main-menu #comments{z-index:1;animation:.2s linear 1.2s backwards comments}@keyframes comments{0%{color:#fff;top:0;left:0}50%{top:30px;left:0}to{color:#ff8000;top:0;left:0}}@media (min-width:576px){.social-holder{overflow:visible}}@media (min-width:768px){.logo{width:80px!important;height:80px!important}#hamburger-menu{display:none}.main-nav{display:block!important;top:80px!important}.main-menu{flex-direction:row!important}.main-menu>li{width:90px!important}.main-menu>li>a{height:30px!important;font-size:1rem!important;line-height:30px!important}}@media (min-width:1200px){.logo-social{justify-content:space-between!important}.logo{margin-left:50px!important}.social-holder{margin-right:50px!important}.main-menu{justify-content:flex-end!important;margin-right:10px!important}}#Home{background-color:#000c;background-image:url(/img/home-background.webp);background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;flex:1;width:100%;padding-top:50px;position:relative}#Home .heading{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:110px;display:flex;position:relative}#Home .heading h1{letter-spacing:5px;color:#ff8000;margin-top:50px;margin-bottom:0;font-size:1.4rem;font-weight:700;transition:all .3s}#Home .heading h1:hover{color:#fff;transform:translate3d(0,-10px,22px)}#Home .heading .span-holder{justify-content:center;align-items:flex-end;min-height:22px;display:flex}#Home .heading .home-loader span{color:#faebd7;text-shadow:0 0 #faebd7;animation:1s ease-in-out infinite alternate header}#Home .heading .home-loader span:nth-child(2){animation-delay:.1s}#Home .heading .home-loader span:nth-child(3){animation-delay:.2s}#Home .heading .home-loader span:nth-child(4){animation-delay:.3s}#Home .heading .home-loader span:nth-child(5){animation-delay:.4s}#Home .heading .home-loader span:nth-child(6){animation-delay:.5s}#Home .heading .home-loader span:nth-child(7){animation-delay:.6s}#Home .heading .home-loader span:nth-child(8){animation-delay:.7s}#Home .heading .home-loader span:nth-child(9){animation-delay:.8s}#Home .heading .home-loader span:nth-child(10){animation-delay:.9s}#Home .heading .home-loader span:nth-child(11){animation-delay:1s}#Home .heading .home-loader span:nth-child(12){animation-delay:1.1s}#Home .heading .home-loader span:nth-child(13){animation-delay:1.2s}#Home .heading .home-loader span:nth-child(14){animation-delay:1.3s}#Home .heading .home-loader span:nth-child(15){animation-delay:1.4s}#Home .heading .home-loader span:nth-child(16){animation-delay:1.5s}@keyframes header{to{text-shadow:20px 0 70px #ff8000;color:#ff8000}}#Home .heading h3.span{letter-spacing:8px;cursor:cell;font-size:.8rem;font-weight:100;margin:0!important}#Home .heading span:hover{color:#ff8000;font-size:1.1em;font-weight:300}#Home #moon{opacity:0;background:url(/img/moon-sprite.png) 0 0/cover no-repeat;border-radius:50%;width:150px;height:150px;position:absolute;top:-100px;left:40%;overflow:hidden;transform:scale(.3)}#Home .coming{cursor:pointer;animation-name:moon_coming;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-delay:1.3s;animation-fill-mode:forwards}@keyframes moon_coming{0%{opacity:.2;top:-100px;left:40%;transform:scale(.3)}25%{opacity:.4;top:-100px;left:70%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}#Home .outgoing{cursor:none;animation-name:moon_outgoing;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes moon_outgoing{0%{opacity:1;top:164px;left:50%;transform:translate(-50%)}40%{top:230px;left:40px}to{opacity:1;top:-15px;left:50%;transform:translate(-50%)scale(.6)}}#Home .stars,#Home .stars:after,#Home .stars:before{background-color:#f5f5f5;border-radius:50%;width:.4em;height:.4em;animation:5s ease-in-out infinite blink;position:fixed}#Home .stars:after,#Home .stars:before{content:"";display:block}#Home .s1{top:8%;left:1%}#Home .s1:after{animation-delay:.5s;top:18%;left:75%}#Home .s1:before{top:28%;left:30%}#Home .s2{font-size:.6em;animation-delay:.25s;top:13%;left:68%}#Home .s2:after{top:28%;left:90%}#Home .s2:before{animation-delay:.5s;top:16%;left:35%}#Home .s3{font-size:.5em;animation-delay:.5s;top:12%;left:41%}#Home .s3:after{animation-delay:.75s;top:18%;left:18%}#Home .s3:before{animation-delay:.25s;top:35%;left:12%}#Home .s4{font-size:.3em;top:28%;left:3%}#Home .s4:after{animation-delay:.5s;top:25%;left:30%}#Home .s4:before{top:25em;left:22em}#Home #welcome-message{text-indent:60px;text-align:left;letter-spacing:1px;width:95%;min-height:200px;margin:20px auto 0;font-size:1.1rem;line-height:1.3}#Home #welcome-message .a-link{color:#ff8000;text-indent:0;text-align:center;cursor:pointer;background-color:#00000080;border:1px solid #ff8000;border-radius:5px;width:150px;height:30px;margin:10px auto;line-height:30px;transition:all .2s;display:block}#Home #welcome-message .a-link:hover{color:#ddd;background-color:#ff800080;border-color:#ddd}#Home #welcome-message .a-link:active{position:relative;top:2px;left:2px}#Home #astronaut{justify-content:center;align-items:center;width:230px;height:230px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}#Home #astronaut>img{width:20%;height:auto;margin:0 auto;transition:all 8s;display:block}@media (min-width:576px){.heading h1{font-size:1.5rem!important}h3.span{font-size:1rem!important}@keyframes moon_coming{0%{opacity:.2;top:-100px;left:40%;transform:scale(.3)}25%{opacity:.4;top:-100px;left:80%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}#welcome-message{min-height:210px!important}.a-link{margin:40px auto!important}}@media (min-width:768px){#Home{height:86vh;padding-top:60px}#Home #astronaut{width:300px;height:300px}#Home #astronaut>img{width:30%}.heading h1{width:350px;font-size:1.7rem!important}h3.span{font-size:1.1rem!important}#welcome-message{text-indent:60px!important;text-align:left!important;letter-spacing:1px!important;width:80%!important;min-height:165px!important;margin:40px auto 0!important;font-size:1.1rem!important;line-height:1.3!important}#Home #moon{top:-116px;left:50%}@keyframes moon_coming{0%{opacity:.2;top:-116px;left:50%;transform:scale(.3)}25%{opacity:.4;top:-116px;left:85%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}@keyframes moon_outgoing{0%{opacity:1;top:164px;left:50%;transform:translate(-50%)}40%{top:230px;left:40px}to{opacity:1;top:0;left:50%;transform:translate(-50%)scale(.6)}}}@media (min-width:992px){#Home #moon{left:55%}@keyframes moon_coming{0%{opacity:.2;top:-116px;left:50%;transform:scale(.3)}25%{opacity:.4;top:-116px;left:89%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}#welcome-message{width:60%!important}}@media (min-width:1200px){#Home #moon{left:70%}@keyframes moon_coming{0%{opacity:.2;top:-116px;left:70%;transform:scale(.3)}25%{opacity:.4;top:-116px;left:91%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}#welcome-message{width:50%!important}}@media (min-width:1400px){#Home{padding-top:50px}#Home .heading{height:auto}.heading h1{font-size:2.4rem!important}h3.span{font-size:1.2rem!important}#Home #moon{left:75%}@keyframes moon_coming{0%{opacity:.2;top:-116px;left:80%;transform:scale(.3)}25%{opacity:.4;top:-116px;left:92%;transform:scale(.4)}65%{opacity:.9;top:230px;left:10px}90%{opacity:1;background-position:0 0;top:164px;left:50%;transform:translate(-50%)}99.9%{background-position:0 0}to{opacity:1;background-position:-150px 0;top:164px;left:50%;transform:translate(-50%)}}#welcome-message{width:40%!important}}@media (min-width:1800px){#Home{background-size:cover}}.about-me{flex:1;width:100%;position:relative;overflow-y:auto}.about-me .column-about{width:96%;margin:100px auto 0;position:relative}.about-me .column-about a{z-index:1;position:relative}.about-me .column-about .title-about{text-align:center;margin-bottom:60px;font-size:calc(1.3rem + .6vw)}.about-me .column-about p{margin:10px 0}#bubbles{pointer-events:none;position:absolute;inset:0}#bubbles ul{margin:0;padding:0}#bubbles .circles{width:100%;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}#bubbles .circles .column-about-img-holder{pointer-events:auto;z-index:1;width:100%;height:100%;position:relative}#bubbles .circles .column-about-img-holder a{width:100%;height:100%;display:block;position:relative}#bubbles .circles li{background:#ffffff1a;width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}#bubbles .circles li:first-child{width:80px;height:80px;animation-delay:0s;left:25%}#bubbles .circles li:nth-child(2){width:30px;height:30px;animation-duration:12s;animation-delay:2s;left:10%}#bubbles .circles li:nth-child(3){width:30px;height:30px;animation-delay:4s;left:70%}#bubbles .circles li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}#bubbles .circles li:nth-child(5){width:30px;height:30px;animation-delay:0s;left:65%}#bubbles .circles li:nth-child(6){width:100px;height:100px;animation-delay:3s;left:75%;overflow:hidden}#bubbles .circles li:nth-child(7){width:120px;height:120px;animation-delay:7s;left:35%}#bubbles .circles li:nth-child(8){width:35px;height:35px;animation-duration:45s;animation-delay:15s;left:50%}#bubbles .circles li:nth-child(9){width:25px;height:25px;animation-duration:35s;animation-delay:2s;left:20%}#bubbles .circles li:nth-child(10){width:120px;height:120px;animation-duration:11s;animation-delay:0s;left:85%}@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-2250px)rotate(720deg)}}@media (min-width:576px){#About_Me .column-about{width:80%}@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-2000px)rotate(720deg)}}}@media (min-width:768px){#About_Me #language{top:140px}@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-1600px)rotate(720deg)}}}@media (min-width:992px){@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-1300px)rotate(720deg)}}}@media (min-width:1200px){@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-1200px)rotate(720deg)}}}@media (min-width:1400px){@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-1100px)rotate(720deg)}}}@media (min-width:1600px){@keyframes animate{0%{opacity:1;border:0 solid #333;border-radius:0;transform:translateY(0)rotate(0)}90%{border-radius:50%}to{opacity:.03;border:5px solid #888;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}}.skills{background-image:url(/img/skills-background.webp);background-position:50%;background-repeat:no-repeat;background-attachment:fixed;flex:1;width:100%;padding-bottom:40px;position:relative;overflow-y:auto}.skills .welcome{justify-content:center;margin-top:50px;display:flex}.skills .welcome .left{opacity:.9;background-image:url(/img/left-rocket.png);background-position-x:left;background-repeat:no-repeat;background-size:70px 30px;width:70px;height:30px}.skills .welcome .central{color:#ff8000;text-shadow:4px 4px 2px #969696;opacity:.6;background-color:#e6e6e64d;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:200px;margin:0 3px;padding:0;transition:all 4s;display:flex}.skills .welcome .central:hover{opacity:1;width:70%}.skills .welcome .central h1{letter-spacing:1px;margin:0;font-size:1.2rem;transition:letter-spacing 5s}.skills .welcome .central h1:hover{letter-spacing:5px}.skills .welcome .right{opacity:.9;background-image:url(/img/right-rocket.png);background-position-x:right;background-repeat:no-repeat;background-size:70px 30px;width:70px;height:30px}.skills .moon{opacity:.7;background-image:url(/img/moon.png);background-repeat:no-repeat;background-size:50px 50px;width:50px;height:50px;margin:10px auto 0;transition:opacity 1s}.skills .moon:hover{opacity:1}.skills .planet-holder{opacity:0;height:60px;transition:opacity 2s;display:flex}.skills .planet-holder:hover{opacity:.9}.skills .planet-holder .jupiter{background-image:url(/img/jupiter.png);background-repeat:no-repeat;background-size:50px 50px;width:50px;height:50px;margin:0 auto;transition:opacity 1s}.skills .planet-holder .saturn{background-image:url(/img/saturn.png);background-repeat:no-repeat;background-size:50px 50px;width:50px;height:50px;margin:0 auto;transition:opacity 1s}.skills .holder{flex-wrap:wrap;justify-content:space-around;gap:20px;display:flex;position:relative}.skills .holder .box{background-image:url(/img/skills-sprites.webp);border-top:1px solid #fff;border-left:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;width:300px;height:150px;font-size:20px;font-weight:700;transition:width 1s,height 1s;display:flex;box-shadow:7px 7px 5px #323232bf}.skills .holder .box:nth-of-type(odd){animation:1s linear alternate rotate-left;position:relative}@keyframes rotate-left{0%{top:-220px;left:-150px;transform:rotate(-90deg)}to{top:0;left:0;transform:rotate(0)}}.skills .holder .box:nth-of-type(2n+2){animation:1s linear alternate rotate-right;position:relative}@keyframes rotate-right{0%{top:-220px;right:-150px;transform:rotate(90deg)}to{top:0;right:0;transform:rotate(0)}}.skills .holder .box .link-box{text-align:center;color:#000;cursor:pointer;background-color:#ffffffb3;border-radius:0 0 10px 10px;width:100%;padding:10px 0;font-size:22px;font-weight:700;text-decoration:none;transition:width 1s,height 1s;display:block;position:relative}.skills .holder .box .link-box:hover{color:#fff;background-color:#1c38a5b3}.skills .holder .box .link-box:active{top:2px;left:2px}.skills .holder #next{background-position:-600px -1050px}.skills .holder #react{background-position:-300px -300px}.skills .holder #redux{background-position:-600px -300px}.skills .holder #javascript{background-position:0 -300px}.skills .holder #typescript{background-position:-300px -1050px}.skills .holder #ajax{background-position:-600px -900px}.skills .holder #node{background-position:-600px -600px}.skills .holder #php{background-position:0 -450px}.skills .holder #mysql{background-position:-300px -450px}.skills .holder #mongo{background-position:-300px -600px}.skills .holder #tailwind{background-position:0 -750px}.skills .holder #sass{background-position:-600px -750px}.skills .holder #bootstrap{background-position:-300px -150px}.skills .holder #css{background-position:-300px 0}.skills .holder #html{background-position:0 0}.skills .holder #git{background-position:-600px -450px}.skills .holder #flexbox{background-position:-600px 0}.skills .holder #contact-form{background-position:-600px -150px}.skills .holder #responsive{background-position:0 -150px}.skills .holder #seo{background-position:-300px -750px}.skills .holder #wordpress{background-position:0 -600px}.skills .holder #affinity{background-position:0 -900px}.skills .holder #hosting{background-position:-300px -900px}.skills .holder #english{background-position:0 -1050px}@media (min-width:576px){.central h1{letter-spacing:5px!important}.central h1:hover{letter-spacing:15px!important}.holder{gap:30px!important}}@media (min-width:768px){.central h1{letter-spacing:15px!important;padding:0 0 0 15px!important}.central h1:hover{letter-spacing:25px!important}}@media (min-width:992px){.central h1:hover{letter-spacing:35px!important}.holder{gap:35px!important}}@media (min-width:1200px){.holder{gap:40px!important}.box:nth-of-type(3n+1){animation:1s linear alternate rotate-left!important;position:relative!important}.box:nth-of-type(3n+3){animation:1s linear alternate rotate-right!important;position:relative!important}.box:nth-of-type(3n+2){animation:1s linear alternate rotate-middle!important;position:relative!important}@keyframes rotate-middle{0%{top:-220px}25%{top:-165px;transform:rotate(10deg)}75%{top:-55px;transform:rotate(-10deg)}to{top:0;right:0;transform:rotate(0)}}}@media (min-width:1400px){.central:hover{width:80%!important}.central h1:hover{letter-spacing:40px!important}}@media (min-width:1800px){.skills:before{background-size:cover}}.skill-details h2{color:#fff;margin-bottom:.5rem;font-size:31.541px;font-weight:500;line-height:1.2}.skill-details p{color:#fff;margin:0;padding:0}.projects-page{flex:1;width:100%;padding-bottom:40px;position:relative;overflow:hidden auto}.projects-page .intro{text-align:center;border-bottom:1px solid var(--grey);width:50%;margin:50px auto 16px;box-shadow:0 0 10px 3px #00000080}.projects-page .intro h1{text-shadow:2px 3px 2px var(--grey);margin-bottom:16px;font-weight:500;font-size:calc(1.325rem + .9vw)!important}.projects-page .timeline ul{padding:0}.projects-page .timeline ul li{background-color:var(--grey);width:6px;box-shadow:0 0 10px 2px var(--grey);margin-left:20px;padding-top:6px;list-style:none;position:relative}.projects-page .timeline ul li:after{content:"";background:inherit;border-radius:50%;width:30px;height:30px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.projects-page .timeline ul li div{width:calc(100vw - 100px);box-shadow:0 10px 15px 2px var(--grey);background-color:#0000004d;border-radius:5px;padding:16px;position:relative;bottom:0}.projects-page .timeline ul li div:before{content:"";border-style:solid;width:0;height:0;position:absolute;bottom:7px}.projects-page .timeline ul li div p{margin:0}.projects-page .timeline ul li:nth-child(odd) div{left:40px}.projects-page .timeline ul li:nth-child(odd) div:before{border-width:8px 16px 8px 0;border-color:#0000 var(--gold)#0000 #0000;left:-15px}.projects-page .timeline ul li:nth-child(2n) div{left:40px}.projects-page .timeline ul li:nth-child(2n) div h2{text-align:right}.projects-page .timeline ul li:nth-child(2n) div:before{border-width:8px 16px 8px 0;border-color:#0000 var(--gold)#0000 #0000;left:-15px}.projects-page .timeline ul li:after{transition-property:background;transition-duration:.5s;transition-timing-function:ease-in-out}.projects-page .timeline ul li.in-view:after{background-color:var(--gold)}.projects-page .timeline ul li div{visibility:hidden;opacity:0;transition:all .5s ease-in}.projects-page .timeline ul li:nth-child(odd) div{transform:translate(200px)}.projects-page .timeline ul li:nth-child(2n) div{transform:translate(-200px)}.projects-page .timeline ul li.in-view div{visibility:visible;opacity:1;transform:none}.projects-page .timeline ul li.not-in-view div{visibility:hidden;opacity:0}@media (min-width:576px){.projects-page .timeline ul li div{width:450px}.projects-page .timeline ul li:nth-child(odd) div,.projects-page .timeline ul li:nth-child(2n) div{left:48px}}@media (min-width:768px){.projects-page .timeline ul li{margin:0 auto}.projects-page .timeline ul li div{width:300px}.projects-page .timeline ul li:nth-child(2n) div{left:-348px}.projects-page .timeline ul li:nth-child(2n) div:before{left:unset;border-width:8px 0 8px 16px;border-color:#0000 #0000 #0000 var(--gold);right:-15px}}@media (min-width:992px){.projects-page .timeline ul li div{width:400px}.projects-page .timeline ul li:nth-child(2n) div{left:-448px}}.contact-page{flex:1;width:100%;position:relative;overflow-y:auto}.contact-page .row-contact{height:100%}.contact-page .row-contact .contact-holder{background-image:url(/img/matrix.png);background-size:auto;height:100%;padding-top:50px;animation:100s linear infinite contact-background-matrix;position:relative}@keyframes contact-background-matrix{0%{background-position:0 0;top:0;left:0}to{background-position:0 1224px;bottom:0;left:0}}.contact-page .row-contact .contact-holder #contact-form{height:100%;overflow:auto}.contact-page .row-contact .contact-holder #contact-form .img-holder img{max-width:50%;margin:0 auto 15px;display:block}.contact-page .row-contact .contact-holder #contact-form .contact-text{color:#fff;background-color:#000000e6;border:1px solid #fff;animation:1.9s linear contact-text-move;font-size:32px!important}@keyframes contact-text-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .form-group{position:relative}.contact-page .row-contact .contact-holder #contact-form .form-group label{text-align:left;color:#fff;z-index:2;background-color:#0009;margin-left:5%;position:relative}.contact-page .row-contact .contact-holder #contact-form .form-group label span{color:red}.contact-page .row-contact .contact-holder #contact-form .form-group input,.contact-page .row-contact .contact-holder #contact-form .form-group textarea{color:var(--matrix-green);background-color:#000c;border-color:#0c0c}.contact-page .row-contact .contact-holder #contact-form .form-group input:focus,.contact-page .row-contact .contact-holder #contact-form .form-group textarea:focus{color:var(--white);box-shadow:0 0 0 .1rem var(--matrix-green);background-color:#000000e6;border-color:#0000!important}.contact-page .row-contact .contact-holder #contact-form .form-group input::placeholder,.contact-page .row-contact .contact-holder #contact-form .form-group textarea::placeholder{color:var(--silver)}.contact-page .row-contact .contact-holder #contact-form .form-group #first_name{animation:1.7s linear SenderFirstName-move}@keyframes SenderFirstName-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .form-group #last_name{animation:1.5s linear SenderLastName-move}@keyframes SenderLastName-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .form-group #email{animation:1.3s linear SenderEmail-move}@keyframes SenderEmail-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .form-group #phone{animation:1.1s linear SenderPhone-move}@keyframes SenderPhone-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .form-group textarea{text-align:left;text-indent:30px;z-index:1;min-height:90px;font-size:16px;line-height:1;animation:.9s linear SenderMessage-move}@keyframes SenderMessage-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}.contact-page .row-contact .contact-holder #contact-form .contact-text,.contact-page .row-contact .contact-holder #contact-form #first_name,.contact-page .row-contact .contact-holder #contact-form #last_name,.contact-page .row-contact .contact-holder #contact-form #email,.contact-page .row-contact .contact-holder #contact-form #phone,.contact-page .row-contact .contact-holder #contact-form textarea,.contact-page .row-contact .contact-holder #contact-form button.btn{text-align:center;border-radius:5px;width:90%;height:40px;margin:5px auto;font-size:16px;line-height:40px;display:block;position:relative}.contact-page .row-contact .contact-holder #contact-form .send-contact-form{color:#fff;background-color:#000000e6;border:1px solid #fff;padding:0;font-weight:700;transition:background-color .3s,color .3s;animation:.7s linear Contact-btn-move;margin:20px auto!important}.contact-page .row-contact .contact-holder #contact-form .send-contact-form:hover{color:#000;cursor:pointer;background-color:#00cc00e6;border:1px solid #000}.contact-page .row-contact .contact-holder #contact-form .send-contact-form:active{top:2px;left:2px}@keyframes Contact-btn-move{0%{top:-550px}90%{top:0;left:0}95%{transform:scale(0)}to{transform:scale(1)}}@media (min-width:576px){.row-contact{justify-content:space-around;display:flex}.row-contact>.contact-holder{width:400px}#contact-form>.img-holder>img{margin:40px auto}.matrix-holder{flex-grow:1;justify-content:center;display:flex}.matrix2,.matrix3,.matrix4,.matrix5,.matrix6,.matrix7,.matrix8,.matrix9,.matrix12,.matrix13,.matrix14,.matrix15,.matrix16,.matrix17,.matrix18,.matrix19{display:none}.matrix1,.matrix11{background-image:url(/img/matrix.png);background-size:auto;align-self:center;width:10px;height:100%;position:relative}.matrix1{animation:60s linear infinite matrix1}@keyframes matrix1{0%{background-position:305px 0;top:0;left:0}to{background-position:305px 1224px;bottom:0;left:0}}.matrix11{animation:80s linear infinite matrix11}@keyframes matrix11{0%{background-position:338px 0;top:0;left:0}to{background-position:338px 1224px;bottom:0;left:0}}#contact-form>.form-group>label.error{background-color:#00000080}}@media (min-width:768px){.contact-page{height:86vh}.matrix-holder{justify-content:space-around}.matrix2,.matrix3,.matrix12,.matrix13{background-image:url(/img/matrix.png);background-size:auto;align-self:center;width:10px;height:100%;display:block;position:relative}.matrix2{animation:65s linear infinite matrix2}@keyframes matrix2{0%{background-position:352px 0;top:0;left:0}to{background-position:352px 1224px;bottom:0;left:0}}.matrix3{animation:55s linear infinite matrix3}@keyframes matrix3{0%{background-position:370px 0;top:0;left:0}to{background-position:370px 1224px;bottom:0;left:0}}.matrix12{animation:75s linear infinite matrix12}@keyframes matrix12{0%{background-position:369px 0;top:0;left:0}to{background-position:369px 1224px;bottom:0;left:0}}.matrix13{animation:85s linear infinite matrix13}@keyframes matrix13{0%{background-position:256px 0;top:0;left:0}to{background-position:256px 1224px;bottom:0;left:0}}}@media (min-width:992px){.matrix4,.matrix5,.matrix14,.matrix15{background-image:url(/img/matrix.png);background-size:auto;align-self:center;width:10px;height:100%;display:block;position:relative}.matrix4{animation:73s linear infinite matrix4}@keyframes matrix4{0%{background-position:145px 0;top:0;left:0}to{background-position:145px 1224px;bottom:0;left:0}}.matrix5{animation:68s linear infinite matrix5}@keyframes matrix5{0%{background-position:113px 0;top:0;left:0}to{background-position:113px 1224px;bottom:0;left:0}}.matrix14{animation:104s linear infinite matrix14}@keyframes matrix14{0%{background-position:402px 0;top:0;left:0}to{background-position:402px 1224px;bottom:0;left:0}}.matrix15{animation:54s linear infinite matrix15}@keyframes matrix15{0%{background-position:450px 0;top:0;left:0}to{background-position:450px 1224px;bottom:0;left:0}}}@media (min-width:1200px){.matrix6,.matrix7,.matrix16,.matrix17{background-image:url(/img/matrix.png);background-size:auto;align-self:center;width:10px;height:100%;display:block;position:relative}.matrix6{animation:79s linear infinite matrix6}@keyframes matrix6{0%{background-position:291px 0;top:0;left:0}to{background-position:291px 1224px;bottom:0;left:0}}.matrix7{animation:58s linear infinite matrix7}@keyframes matrix7{0%{background-position:386px 0;top:0;left:0}to{background-position:386px 1224px;bottom:0;left:0}}.matrix16{animation:81s linear infinite matrix16}@keyframes matrix16{0%{background-position:307px 0;top:0;left:0}to{background-position:307px 1224px;bottom:0;left:0}}.matrix17{animation:66s linear infinite matrix17}@keyframes matrix17{0%{background-position:339px 0;top:0;left:0}to{background-position:339px 1224px;bottom:0;left:0}}}@media (min-width:1400px){.matrix8,.matrix9,.matrix18,.matrix19{background-image:url(/img/matrix.png);background-size:auto;align-self:center;width:10px;height:100%;display:block;position:relative}.matrix8{animation:67s linear infinite matrix8}@keyframes matrix8{0%{background-position:225px 0;top:0;left:0}to{background-position:225px 1224px;bottom:0;left:0}}.matrix9{animation:115s linear infinite matrix9}@keyframes matrix9{0%{background-position:241px 0;top:0;left:0}to{background-position:241px 1224px;bottom:0;left:0}}.matrix18{animation:57s linear infinite matrix18}@keyframes matrix18{0%{background-position:482px 0;top:0;left:0}to{background-position:482px 1224px;bottom:0;left:0}}.matrix19{animation:87s linear infinite matrix19}@keyframes matrix19{0%{background-position:241px 0;top:0;left:0}to{background-position:241px 1224px;bottom:0;left:0}}}.verification-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:95vh;margin:0 auto;display:flex;position:relative}.verification-page .form-container h1{text-shadow:5px 2px 2px var(--grey);margin:20px 0}.verification-page .form-container h1 span{background-color:var(--black);color:var(--silver);padding:.2rem 1rem}.verification-page .form-container label{color:var(--silver);margin:0 10px}.verification-page .element-holder{grid-template-columns:repeat(3,1fr);gap:10px;width:320px;height:320px;margin:10px;padding:10px;display:grid;box-shadow:0 0 10px 2px #000c}.verification-page .element-holder .element{border:1px solid var(--black);width:100%;height:100%;color:var(--silver);text-shadow:0 0 5px var(--black);border-radius:5px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px 2px #000c}.verification-page .element-holder .element:hover{cursor:pointer;box-shadow:inset 0 0 100px 5px var(--black)}@media (min-width:576px){.verification-page .form-container h1{margin:20px}}.comments-page{text-align:center;flex:1;width:100%;padding-bottom:40px;position:relative;overflow:hidden auto}.comments-page h1.comment-text{margin-top:50px;font-size:calc(1.3rem + .6vw)!important;font-weight:500!important}.comments-page h2.comment-text{color:#f1c40f;font-size:1rem!important}.comments-page h1.comment-text,.comments-page h2.comment-text{text-shadow:2px 2px 2px #000}.comments-page-book{text-align:center;width:150px;height:150px;margin:auto}.comments-page-book img{object-fit:contain;cursor:pointer;width:100%;height:auto}.comments-page .btn.log-out-comment{margin-bottom:16px;box-shadow:2px 2px 1px #a6a6a680}.comments-page-holder{max-width:700px;min-height:51vh;margin:16px auto 0;padding-bottom:35px;position:relative}.comments-page-holder .comment-box{border:1px solid var(--grey);opacity:0;background-color:#000c;border-radius:20px;width:100%;margin:16px 0;padding:20px;transition:transform .6s,opacity .6s;transform:translate(200%);box-shadow:2px 2px 1px #a6a6a680}.comments-page-holder .comment-box:nth-of-type(2n){transform:translate(-200%)}.comments-page-holder .comment-box.show{opacity:1;transform:translate(0)}.comments-page-holder .comment-box:hover{cursor:text;background-color:#0000001a}.comments-page-holder .comment-box-text{text-indent:50px;text-align:left;word-wrap:break-word}.comments-page-holder .comment-box-autor{color:#6c757d;justify-content:space-between;display:flex}.comments-page-holder .comment-box .signature{text-align:end;margin:0 50px 0 0}@media (min-width:768px){.comments-page{min-height:80vh}}.google-page-holder{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:207px;margin:300px auto 20px;display:flex}.email-page{flex:1;width:100%;position:relative}.email-page-holder{max-width:300px;margin:120px auto 0}.email-page-holder .email-page-title{text-align:center;margin-bottom:48px;font-size:1.25rem!important}.email-page-holder .form-control-login{width:100%;margin-bottom:24px;position:relative!important}.email-page-holder .form-control-login input{width:100%;color:var(--gold);border:0;border-bottom:2px solid var(--gold);background-color:#0000;padding:15px 0;font-size:18px;display:block}.email-page-holder .form-control-login input:focus{color:var(--white);border-bottom:2px solid var(--gold);background-color:#0000;outline:0}.email-page-holder .form-control-login input:valid{border-bottom-color:var(--gold);outline:0}.email-page-holder .form-control-login input:focus-visible{border-color:var(--gold);outline:none}.email-page-holder .form-control-login input::selection{color:var(--gold);border-bottom:2px solid var(--gold);background-color:#0000}.email-page-holder .form-control-login input::placeholder{color:var(--grey)}.email-page-holder .form-control-login label{cursor:text;position:absolute;top:15px;left:0}.email-page-holder .form-control-login label span{min-width:5px;font-size:18px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.email-page-holder .hide-show-password-holder{justify-content:center;align-items:center;margin:20px 0;display:flex}.email-page-holder #show-hide-btn{width:39px;height:30px;color:var(--gold);z-index:1;background-color:#0000;border:none;margin:0;padding:0;text-decoration:line-through}.email-page-holder #show-hide-btn svg{width:100%;height:100%}.email-page-holder .form-control-login input:focus+label span,.email-page-holder .form-control-login input:valid+label span{transform:translateY(-30px)}.email-page .btn.btn-send,.email-page .btn.btn-register{color:var(--black);background-color:var(--gold)}.email-page .btn.btn-send:hover,.email-page .btn.btn-register:hover{color:var(--white);background-color:var(--black)}.email-page .btn.btn-send{width:100%;height:38px}.email-page .btn-email-group{flex-direction:column;align-items:center;gap:24px;margin-top:24px;display:flex}.email-page .btn-email-group .btn-margin-top{margin-top:32px}.email-page .register-content-holder{justify-content:space-between;align-items:center;width:250px;display:flex}.email-page .txt-account{max-width:200px;display:inline-block}.forgotten-password-page{flex:1;width:100%;position:relative;overflow-y:auto}.forgotten-password-page .title-forgotten{text-align:center;margin:100px auto 50px;font-size:calc(1.3rem + .6vw)}.forgotten-password-page-holder{width:90%;max-width:468px;margin:20px auto 0}.forgotten-password-page-form{margin:20px 0}.forgotten-password-page-form .form-label{margin-bottom:8px;display:block}.forgotten-password-page-form input{color:var(--gold);border-color:var(--grey);background-color:#0000001a;border-radius:6px;margin-bottom:8px}.forgotten-password-page-form input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.forgotten-password-page-form input:focus-visible{border-color:var(--gold);outline:none}.forgotten-password-page-form input::selection{color:var(--gold);background-color:#0000001a}.forgotten-password-page-form input::placeholder{color:var(--grey)}.forgotten-password-page .btn.btn-send{color:var(--black);background-color:var(--gold);margin-bottom:20px}.forgotten-password-page .btn.btn-send:hover{color:var(--white);background-color:var(--black)}.reset-password-page-holder input{color:var(--gold);border-color:var(--grey);background-color:#0000001a}.reset-password-page-holder input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.reset-password-page-holder input:focus-visible{border-color:var(--gold);outline:none}.reset-password-page-holder input::selection{color:var(--gold);background-color:#0000001a}.reset-password-page-holder input::placeholder{color:var(--grey)}.reset-password-page-holder .btn.btn-send{color:var(--black);background-color:var(--gold);margin:auto;display:block}.reset-password-page-holder .btn.btn-send:hover{color:var(--white);background-color:var(--black)}.reset-password-page-holder .hide-show-password-holder{justify-content:center;align-items:center;margin:20px 0;display:flex}.reset-password-page-holder #show-hide-btn{width:39px;height:30px;color:var(--gold);z-index:1;background-color:#0000;border:none;margin:0;padding:0;text-decoration:line-through}.reset-password-page-holder #show-hide-btn svg{width:100%;height:100%}.register-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;display:flex;position:relative}.register-page-holder{width:100%;max-width:400px}.register-page-holder .register-title{text-align:center;margin-bottom:30px;font-size:1.25rem!important}.register-page-holder .form-group{margin-bottom:8px}.register-page-holder .form-group .form-label{margin-bottom:8px;display:block}.register-page-holder input{color:var(--gold);border-color:var(--grey);background-color:#0000001a}.register-page-holder input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.register-page-holder input:focus-visible{border-color:var(--gold);outline:none}.register-page-holder input::selection{color:var(--gold);background-color:#0000001a}.register-page-holder input::placeholder{color:var(--grey)}.register-page .form-control{border:1px solid var(--grey);border-radius:6px;height:38px}.register-page .btn.btn-send{color:var(--black);background-color:var(--gold)}.register-page .btn.btn-send:hover{color:var(--white);background-color:var(--black)}.register-page .hide-show-password-holder{justify-content:center;align-items:center;margin:20px 0;display:flex}.register-page #show-hide-btn{width:39px;height:30px;color:var(--gold);cursor:pointer;z-index:1;background-color:#0000;border:none;margin:0;padding:0;text-decoration:line-through}.register-page #show-hide-btn svg{width:100%;height:100%}.confirm-register{flex-direction:column;align-items:center;min-width:270px;padding:50px 0;display:flex}.confirm-register .register-title{margin-bottom:24px;font-size:1.25rem!important}.confirm-register-holder .register-subtitle{color:var(--silver);margin:0;font-size:1.25rem!important}.confirm-register-holder .register-h3{color:var(--gold);margin:0;font-size:1.25rem!important}.confirm-register-holder .register-h3 .register-span{color:var(--silver)}.confirm-register-holder .register-margin-y{margin:32px 0}.confirm-register-holder .img-holder{width:80px;height:auto;margin:4px auto}.impression-page{width:100%}.impression-page .write-impression-title{text-align:center;margin-bottom:24px;font-weight:500;font-size:calc(1.3rem + .6vw)!important}.impression-page .user-data-holder{gap:16px;width:100%;margin:16px auto;display:flex}.impression-page .user-data{text-align:left;font-size:18px}.impression-page .impression-user-img{text-align:center;height:91px}.impression-page label.label-comment{text-align:left;display:block}.impression-page textarea{width:100%;max-width:536px;color:var(--gold);border-color:var(--grey);background-color:#0000001a;border-radius:8px;margin:8px 0 16px;font-size:.8rem}.impression-page textarea:focus{color:var(--white);box-shadow:none;background-color:#0000001a;border-color:#0000!important}.impression-page textarea:focus-visible{border-color:var(--gold);outline:none}.impression-page textarea::selection{color:var(--gold);background-color:#0000001a}.impression-page textarea::placeholder{color:var(--grey)}.impression-page .btn.back{height:38px;margin-top:16px}.user-account-page{flex:1;width:100%;margin-top:48px;position:relative;overflow-y:auto}.user-account-page .user-account-title{text-align:center;font-weight:500;font-size:calc(1.3rem + .6vw)!important}.user-account-page .user-account-secondary-two{font-size:1.25rem!important}.user-account-page .account-img-holder{text-align:center;height:80px;margin:16px 0}.user-account-page .user-holder{text-align:center;width:100%;max-width:400px;margin:0 auto 16px}.user-account-page .user-holder label{text-align:left;margin-bottom:8px;display:block}.user-account-page .user-holder input{border:1px solid var(--grey);color:var(--gold);background-color:#0000001a;border-radius:6px;margin-bottom:8px}.user-account-page .user-holder input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.user-account-page .user-holder input:focus-visible{border-color:var(--gold);outline:none}.user-account-page .user-holder input::selection{color:var(--gold);background-color:#0000001a}.user-account-page .user-holder input::placeholder{color:#6c757d}.user-account-page .user-holder .btn.btn-send{color:var(--black);background-color:var(--gold);margin:16px 0}.user-account-page .btn-holder{justify-content:space-between;width:100%;max-width:400px;margin:auto;display:flex}.cv-page #language{cursor:pointer;z-index:3;border-radius:50%;width:40px;height:40px;position:absolute;top:-40px;right:10px}.cv-page #language:active{transform:scale(.9)}.cv-page #language .srb,.cv-page #language .en{background:url(/img/language-sprites.png);width:100%;height:100%;display:block}.cv-page #language>a.srb{background-position:0 0}.cv-page #language>a.en{background-position:40px 0}.cv-page .cv-btn{position:absolute;top:-40px;right:50%;transform:translate(50%)}.cv-page-header{flex-direction:column;display:flex}.cv-page-header .title-box{text-align:center;width:100%}.cv-page-header .title-box-logo{width:100px;height:100px;box-shadow:5px 5px 10px 1px var(--grey);border-radius:50%;margin:auto;overflow:hidden}.cv-page-header .contact{text-align:center;width:100%}.cv-page-body{flex-direction:column;display:flex}.cv-page-body .experience{width:100%}.cv-page-body .experience .chingu-holder{width:115px;height:auto;margin-bottom:5px}.cv-page-body .skills-cv{width:100%}@media (min-width:992px){.cv-page #language{top:-2px}.cv-page .cv-btn{transform:unset;top:0;right:60px}.cv-page-header{flex-direction:row}.cv-page-header .title-box{text-align:left;width:70%;padding-left:32px}.cv-page-header .title-box-logo{margin:0}.cv-page-header .contact{text-align:left;width:30%}.cv-page-body{flex-direction:row}.cv-page-body .experience{width:70%}.cv-page-body .skills-cv{width:30%}}.my-footer{text-align:center;height:50px;color:var(--gold);background-color:#000c;background-image:url(/img/circuit-board.svg);background-position:top;background-repeat:repeat;background-attachment:fixed;justify-content:center;align-items:center;padding-left:50px;display:flex;position:absolute;bottom:0;left:0;right:0}.my-footer span{text-shadow:1px 1px 1px var(--gray)}.my-footer span:hover{color:var(--green);text-shadow:1px 1px 1px var(--green)}.loader{z-index:2;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader img{width:50px;height:50px}#locale-switcher{cursor:pointer;z-index:3;border-radius:50%;width:40px;height:40px;position:absolute;top:60px;right:10px}#locale-switcher:active{transform:scale(.9)}#locale-switcher .sr,#locale-switcher .en{background:url(/img/language-sprites.png);width:100%;height:100%;display:block}#locale-switcher>a.sr{background-position:0 0}#locale-switcher>a.en{background-position:40px 0}#locale-switcher #sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-wrapper{z-index:13;background-color:#000000f7;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;justify-content:center;align-items:center;width:95%;max-width:600px;min-height:300px;padding:50px 0;display:flex;position:relative;box-shadow:0 4px 12px #ff800059,inset 0 1px 3px #ff80001f;background-color:#000!important}.modal-content.bg-light{color:#212529;background-color:#f8f9fa!important}.modal-content .close{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:30px;height:30px;padding:.25rem .5rem;font-size:.875rem;line-height:1;display:inline-flex;position:absolute;top:5px;right:5px}.modal-content .close:hover{background-color:#bb2d3b;border-color:#b02a37}@media (min-width:576px){.modal-content{padding:50px 20px}}.skill-modal{color:#6c757d;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border:1px solid #6c757d;border-radius:.25rem;width:100%;margin-top:1rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:block}.skill-modal:focus,.skill-modal:active{outline:none;box-shadow:0 0 0 .15rem #007bff26}.skill-modal:hover{color:#fff;background-color:#6c757d;border-color:#5e6a73}.select-login-modal{flex-direction:column;gap:16px;padding-bottom:16px;display:flex}.select-login-modal .select-h1{margin-bottom:8px;font-size:calc(1.3rem + .6vw)!important}.delete-account-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.delete-account-page .delete-title{font-weight:500;font-size:1.5rem!important}.delete-account-page .confirm-register-holder{flex-direction:column;align-items:center;gap:20px;display:flex}.delete-account-page .confirm-register-holder .delete-subtitle{color:var(--white);font-weight:500;font-size:1.25rem!important}.change-password-modal{width:100%;max-width:400px}.change-password-modal .change-password-title{text-align:center;margin-bottom:16px;font-size:1.25rem!important}.change-password-modal .form-group{margin-bottom:8px}.change-password-modal .form-group .form-label{text-align:left;margin-bottom:8px;display:block}.change-password-modal input{color:var(--gold);border:1px solid;border-color:var(--grey);background-color:#0000001a;border-radius:6px}.change-password-modal input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.change-password-modal input:focus-visible{border-color:var(--gold);outline:none}.change-password-modal input::selection{color:var(--gold);background-color:#0000001a}.change-password-modal input::placeholder{color:var(--grey)}.change-password-modal .hide-show-password-holder{background-color:#0000;justify-content:center;align-items:center;margin:16px 0;display:flex}.change-password-modal .hide-show-password-holder .show-hide-btn{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.change-password-modal .btn.back{height:38px;margin-top:16px}.curriculum-vitae-page{flex:1;width:100%;padding:0 20px 20px;position:relative;overflow-y:auto}.curriculum-vitae-page .cv-header{flex-direction:column;justify-content:center;align-items:center;margin-top:60px;display:flex}.curriculum-vitae-page .text-white{color:#fff}.curriculum-vitae-page .cv-data-holder{align-items:center;gap:8px;margin:0;display:flex}.curriculum-vitae-page .cv-icons{justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;font-size:20px;display:flex}.curriculum-vitae-page .cv-phone-icon{justify-content:center;align-items:center;width:16px;height:16px;margin:0;padding:0;font-size:20px;display:flex}.curriculum-vitae-page .cv-data-link{margin:0;font-size:1.2rem;display:inline-block}.curriculum-vitae-page .cv-page-header .title-box{text-align:center;width:100%;margin-bottom:10px}.curriculum-vitae-page .cv-page-header .title-box-logo{width:100px;height:100px;box-shadow:5px 5px 10px 1px var(--grey);border-radius:50%;margin:auto;overflow:hidden}.curriculum-vitae-page .cv-page-header .contact{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.curriculum-vitae-page .cv-page-body{flex-direction:column;display:flex}.curriculum-vitae-page .cv-page-body .title-secondary{color:#6c757d;opacity:1;font-size:1.25rem}.curriculum-vitae-page .cv-page-body ul{margin-top:0;margin-bottom:1rem;padding-left:2rem}.curriculum-vitae-page .cv-page-body .experience{width:100%}.curriculum-vitae-page .cv-page-body .experience .chingu-holder{width:115px;height:auto;margin-bottom:5px}.curriculum-vitae-page .cv-page-body .skills-cv{width:100%}@media (min-width:992px){.curriculum-vitae-page{width:100%;padding:0 100px 20px}.curriculum-vitae-page .cv-data-holder{align-items:center;gap:8px;margin:8px 0;display:flex}.curriculum-vitae-page .cv-icons{width:28px;height:28px;font-size:28px}.curriculum-vitae-page .cv-phone-icon{width:28px;height:28px;font-size:22px}.curriculum-vitae-page .cv-page-header .title-box{text-align:left;width:70%;margin-bottom:0;padding-left:32px}.curriculum-vitae-page .cv-page-header .title-box-logo{margin:0}.curriculum-vitae-page .cv-page-header .contact{text-align:left;width:30%;display:block}.curriculum-vitae-page .cv-page-body{flex-direction:row}.curriculum-vitae-page .cv-page-body .experience{width:70%}.curriculum-vitae-page .cv-page-body .skills-cv{width:30%}}.update-password-page{flex:1;width:100%;position:relative;overflow-y:auto}.update-password-page .title-update{text-align:center;margin:100px auto 50px;font-size:calc(1.3rem + .6vw)}.update-password-page .subtitle-update{text-align:center;margin:0 auto 50px;font-size:calc(1rem + .2vw)}.update-password-page-holder{width:90%;max-width:468px;margin:20px auto 0}.update-password-page-holder .update-password-form{margin:20px 0}.update-password-page-holder .update-password-form .form-label{margin-bottom:8px;display:block}.update-password-page-holder .update-password-form input{width:100%;height:38px;color:var(--gold);border-color:var(--grey);text-indent:10px;background-color:#0000001a;border-radius:6px;margin-bottom:8px}.update-password-page-holder .update-password-form input:focus{color:var(--white);background-color:#0000001a;box-shadow:0 0 0 .25rem #ff800040;border-color:#0000!important}.update-password-page-holder .update-password-form input:focus-visible{border-color:var(--gold);outline:none}.update-password-page-holder .update-password-form input::selection{color:var(--gold);background-color:#0000001a}.update-password-page-holder .update-password-form input::placeholder{color:var(--grey)}.update-password-page-holder .update-password-form .hide-show-password-holder{justify-content:center;align-items:center;margin:20px 0;display:flex}.update-password-page-holder .update-password-form #show-hide-btn{width:39px;height:30px;color:var(--gold);cursor:pointer;z-index:1;background-color:#0000;border:none;margin:0;padding:0;text-decoration:line-through}.update-password-page-holder .update-password-form #show-hide-btn svg{width:100%;height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--silver:#ccc;--grey:#333;--black-def:#0a0a0a;--black:#000;--blue:#0d6efd;--indigo:#6610f2;--purple:#6f42c1;--pink:#d63384;--red:#dc3545;--brown:#630;--orange:#fd7e14;--gold:#ff8000;--gold-sec:#f90;--yellow:#ffc107;--matrix-green:#0c0;--green:#198754;--teal:#20c997;--cyan:#0dcaf0;--font-family:"PT Sans",Arial,Helvetica,sans-serif;--font-size:1rem;--font-weight:400;--line-height:1.5;--body-color:var(--black);--body-bg:var(--white);--gutter-x:1.5rem;--gutter-y:0;--breakpoint-576:576px;--breakpoint-768:768px;--breakpoint-992:992px;--breakpoint-1200:1200px;--breakpoint-1400:1400px}a{color:var(--gold);text-decoration:none}a:hover{color:var(--white)}ul li{list-style:none}small{font-size:12px}body{height:100vh;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--gold);background-image:url(/circuit-board.svg);background-position:top;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-color:var(--black-def);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;flex-direction:column;padding-bottom:50px;display:flex;position:relative}.container{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}.container-fluid{box-sizing:border-box;width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-left:auto;margin-right:auto}.play-btn{position:absolute;bottom:6px;left:6px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-outline-primary{color:#0d6efd;background-color:#0000;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd}.btn-outline-light{color:#f8f9fa;background-color:#0000;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa}.btn-outline-secondary{color:#6c757d;background-color:#0000;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d}.btn-outline-danger{color:#dc3545;background-color:#0000;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545}.scrollbar::-webkit-scrollbar{width:4px;height:4px}.scrollbar::-webkit-scrollbar-track{background:var(--grey);border-radius:12px;width:4px}.scrollbar::-webkit-scrollbar-thumb{background:var(--gold);cursor:pointer;border-radius:12px;width:4px;height:4px}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.simple-pagination{justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.simple-pagination-box{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.simple-pagination .current-page{background-color:var(--gold);border-color:var(--silver);color:var(--black)}.simple-pagination .pagination-btn{border-color:var(--silver);color:var(--silver);background-color:#0000}.simple-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.simple-pagination .middle-btn{border-color:var(--silver)}.form-control{width:100%;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;outline:none;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.btn.play-btn{background-color:var(--gold);width:30px;height:30px;color:var(--black);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex;position:fixed;bottom:10px;left:10px}.img-fluid{max-width:100%;height:auto}.img-thumbnail{background-color:var(--body-bg);border:1px solid var(--gold);border-radius:4px;max-width:100%;height:auto;padding:1px}.list-reset{margin:0;padding:0;list-style:none}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{.print-hide{display:none!important}}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}