:root{--cc-bg:#fff;--cc-text:#2d4156;--cc-btn-primary-bg:var(--main-color);--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#1d2e38;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#919ea6;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4,6,8,.85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div .cc-link{padding:0}@font-face{font-display:swap;font-family:Poppins;src:url(/build/fonts/Poppins-Regular.35d26b78.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins-Bold;src:url(/build/fonts/Poppins-Bold.cdb29a5d.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins-Black;src:url(/build/fonts/Poppins-Black.d8b850b9.ttf) format("truetype")}:root{--main-color:#000;--main-color-hover:#074976;--second-color:#fff;--main-font:"Poppins",sans-serif;--bold-font:"Poppins-Bold",sans-serif;--black-font:"Poppins-Black",sans-serif}body,html{overflow-x:hidden}body{background-color:var(--main-color);font-family:var(--main-font);min-height:100vh}::selection{background-color:hsla(0,0%,100%,.9);color:#000}hr{border-color:#fff;opacity:1}#mouse{bottom:0;left:0;pointer-events:none;right:0;top:-100px;z-index:9999}#mouse,#mouse #mouse-dot{mix-blend-mode:difference;position:fixed}#mouse #mouse-dot{background-color:#fff;border-radius:50%;height:24px;transform:translate(-50%,-50%);transition:transform .3s;width:24px;z-index:-1}@media screen and (max-width:991px){#mouse{display:none}}h1,h2,h3{font-family:var(--black-font)}h4{font-family:var(--bold-font)}header#header{background-color:var(--main-color);color:#fff;width:100%;z-index:1}header#header nav{border-bottom:1px solid #fff;display:flex;flex-wrap:wrap;position:relative}header#header nav a{color:#fff;padding:16px;text-decoration:none;transition:all .3s;width:70%}header#header nav a:hover{background:#fff;color:#000}header#header nav a h1{font-family:var(--main-font);font-size:16px;margin:0}header#header nav button{background:#000;border:none;border-left:1px solid #fff;color:#fff;display:none;transition:all .3s}header#header nav button:hover{background:#fff;color:#000}header#header nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;transition:all .3s;width:30%}header#header nav ul li{display:flex;flex:1;flex-direction:column;justify-content:center}header#header nav ul li>a{padding:16px}header#header nav ul li{border-left:1px solid #fff}header#header nav ul li a{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;text-decoration:none;transition:all .3s;width:100%}header#header nav ul li a:hover{background-color:#fff;color:#000}@media screen and (max-width:991px){header#header nav button{display:unset;width:30%}header#header nav ul{width:100%}header#header nav ul li{border-left:none;border-top:1px solid #fff;flex:unset;width:100%}header#header nav ul.hide{left:0;position:absolute;right:0;top:100%;transform:scaleY(0);transform-origin:50% 0}}#homepage{color:#fff}#homepage header{display:flex;flex-direction:column;justify-content:flex-end;min-height:25rem;padding:16px}#homepage header h1{font-size:100px;text-transform:uppercase}@media screen and (max-width:991px){#homepage header{min-height:15rem}#homepage header h1{font-size:42px}}#homepage #portfolio-and-cv{margin-top:16px;padding:0}#homepage #portfolio-and-cv ul{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}#homepage #portfolio-and-cv ul li{border-bottom:1px solid #fff;border-top:1px solid #fff}#homepage #portfolio-and-cv ul li:first-child{border-right:1px solid #fff}#homepage #portfolio-and-cv ul li h2{font-size:40px;margin:0;text-align:center;text-transform:uppercase}#homepage #portfolio-and-cv ul li a{color:#fff;display:block;padding:32px 16px;text-decoration:none;transition:all .3s}#homepage #portfolio-and-cv ul li a:hover{background:var(--second-color);color:var(--main-color)}@media screen and (max-width:991px){#homepage #portfolio-and-cv ul{grid-template-columns:repeat(1,1fr)}#homepage #portfolio-and-cv ul li:first-child{border-bottom:1px solid #fff;border-right:none}#homepage #portfolio-and-cv ul li h2{font-size:24px}}#projects{margin-bottom:64px;position:relative}#projects .splide__pagination--ttb{top:unset}#projects .splide__pagination .splide__pagination__page{background-color:unset;border:1px solid hsla(0,0%,100%,.7);border-radius:unset;height:10px;transition:all .3s;width:10px}#projects .splide__pagination .splide__pagination__page.is-active{border:1px solid #fff}#projects .splide__arrow.splide__arrow--prev{background-color:transparent;border:1px solid #fff;border-radius:unset;left:80%;top:15em}#projects .splide__arrow.splide__arrow--next{background-color:transparent;border:1px solid #fff;border-radius:unset;bottom:15em;left:80%}#projects .splide__arrow{transition:all .3s}#projects .splide__arrow:hover{background-color:#fff}#projects .splide__arrow svg{fill:#fff}#projects .splide__arrow:hover svg{fill:#000}#projects ul{list-style:none;padding:0}#projects .project{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}#projects .project figure{height:400px;margin:0 auto;position:relative}#projects .project figure img{height:100%;object-fit:cover;width:100%}#projects .project figure figcaption{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s}#projects .project figure figcaption h3{font-size:64px;margin:16px 0;text-align:center}#projects .project figure figcaption span{text-align:center}#projects .project figure figcaption ul{display:flex;flex-wrap:wrap;gap:12px;li{background-color:#fff;color:#000;padding:8px;text-align:center}}#projects .project a:hover figure figcaption{background-color:rgba(0,0,0,.5)}#projects .my-slider-progress{background:hsla(0,0%,100%,.3);bottom:5%;left:25%;position:absolute;width:50%}#projects .my-slider-progress-bar{background:#fff;height:2px;transition:width .4s ease;width:0}@media (min-width:1200px){#projects .project{width:50%}#projects .project figure figcaption h3{font-size:48px}#projects .my-slider-progress{bottom:-32px;left:30%;width:40%}#projects .splide__arrow.splide__arrow--prev{left:80%;top:30%}#projects .splide__arrow.splide__arrow--next{bottom:30%;left:80%}}@media (min-width:992px) and (max-width:1199px){#projects .project{width:65%}#projects .project figure figcaption h3{font-size:48px}#projects .my-slider-progress{bottom:10%;left:30%;width:40%}#projects .splide__arrow.splide__arrow--prev{left:87.5%;top:30%}#projects .splide__arrow.splide__arrow--next{bottom:30%;left:87.5%}}@media (min-width:768px) and (max-width:991px){#projects .project{width:80%}#projects .project figure figcaption h3{font-size:48px}#projects .my-slider-progress{bottom:8.5%}#projects .splide__arrow.splide__arrow--prev{left:95%;top:40%}#projects .splide__arrow.splide__arrow--next{bottom:40%;left:95%}}@media (min-width:576px) and (max-width:767px){#projects .project{width:75%}#projects .project figure figcaption h3{font-size:48px}#projects .my-slider-progress{bottom:2.5%}#projects .splide__arrow.splide__arrow--prev{bottom:-48px;left:40%;top:unset}#projects .splide__arrow.splide__arrow--next{bottom:-48px;left:60%}}@media (min-width:475px) and (max-width:575px){#projects .project figure figcaption h3{font-size:24px}#projects .my-slider-progress{bottom:10%}#projects .splide__arrow.splide__arrow--prev{bottom:-48px;left:40%;top:unset}#projects .splide__arrow.splide__arrow--next{bottom:-48px;left:60%}}@media screen and (max-width:474px){#projects .project figure figcaption h3{font-size:24px}#projects .my-slider-progress{bottom:17.5%}#projects .splide__arrow.splide__arrow--prev{bottom:-48px;left:40%;top:unset}#projects .splide__arrow.splide__arrow--next{bottom:-48px;left:60%}}#project{color:#fff}#project header{display:flex;flex-direction:column;justify-content:flex-end;min-height:25rem;padding:16px}#project header h1{font-size:122px;text-transform:uppercase}#project figure{margin-bottom:0;text-align:center;z-index:1}#project figure img{height:auto;width:30%}#project article{border-bottom:1px solid #fff;border-top:1px solid #fff;display:flex;flex-wrap:wrap;row-gap:128px}#project article aside{border-right:1px solid #fff;width:49%}#project article aside h2{grid-area:h2;padding:16px;text-transform:uppercase}#project article aside ul{column-gap:24px;display:grid;grid-area:ul;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:32px 16px}#project article aside ul li{font-family:Poppins-Bold,sans-serif;font-size:40px}#project article aside ul li span{display:block;font-size:8px;text-transform:uppercase}#project article hr{border:1px solid #fff;display:block;z-index:-1}#project article #description{grid-area:div;margin:0;padding:32px 16px;width:49%}@media screen and (max-width:991px){#project header{min-height:15rem}#project header h1{font-size:42px}#project article{row-gap:0}#project article aside,#project article hr{width:100%}#project article aside ul{grid-template-columns:repeat(1,1fr)}#project article #description{width:100%}}#project-images{padding:80px 32px}#project-images ul{display:grid;gap:48px;grid-template-areas:"screen1 screen2" "screen1 screen3";grid-template-columns:repeat(2,1fr);list-style:none;padding:0}#project-images ul #screen1{grid-area:screen1}#project-images ul #screen2{grid-area:screen2}#project-images ul #screen3{grid-area:screen3}#project-images ul li{position:relative}#project-images ul li a{bottom:0;left:0;position:absolute;right:0;top:0}#project-images ul li img{border:1px solid #fff;height:auto;width:100%}@media screen and (max-width:991px){#project-images ul{gap:48px;grid-template-areas:"screen1" "screen2" "screen3";grid-template-columns:repeat(1,1fr)}}#contact{color:#fff;padding:32px}#contact ul{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);justify-items:center;padding:0}#contact ul li{border:1px solid #fff;list-style:none;padding:16px;position:relative;text-align:center;transition:all .3s;width:100%}#contact ul li:hover{background-color:#fff;color:#000}#contact ul li a{bottom:0;left:0;position:absolute;right:0;top:0}#contact ul li p{margin:0}#contact form input,#contact form textarea{background-color:transparent;border:1px solid #fff;border-radius:0;color:#fff}#contact form input:focus,#contact form textarea:focus{box-shadow:0 0 0 .25rem hsla(0,0%,100%,.25);outline:0}#contact form input[type=submit]:hover{background-color:#fff;color:#000}@media screen and (max-width:991px){#contact ul{grid-template-columns:repeat(1,1fr)}}#skills{padding:64px 32px}#skills hr{margin-left:-32px;margin-right:-32px}#skills h2{background:#fff;color:#000;margin:0 auto 64px;padding:8px 16px;text-align:center;width:fit-content}#skills ul{display:grid;gap:64px;grid-template-columns:repeat(3,1fr);list-style:none;margin-bottom:128px;padding:0}#skills ul:last-child{margin-bottom:0}#skills ul li{height:fit-content;width:fit-content}#skills ul li:hover{animation:shake 1.5s ease-in-out infinite}@media screen and (max-width:991px){#skills ul{grid-template-columns:repeat(1,1fr)}}#preloader{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#000;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999999}.loader{-webkit-animation:loader 2s linear infinite;animation:loader 2s linear infinite;border:2px solid transparent;border-radius:50%;border-top:2px solid var(--second-color);height:80px;position:relative;width:80px;z-index:1}.loader-logo{text-align:center}.loader-logo img{width:50%}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}.fa-php{color:#6c70a0}.fa-html5{color:#de6e3c}.fa-css3-alt{color:#53a7dc}.fa-js-square{color:#f1de4f}.fa-code-merge{color:#7c97c2}.fa-database{color:#e32227}.fa-border-top-left{color:#e4ad58}.fa-credit-card{color:#ace1af}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#projects h2{background:#fff;color:#000;margin:0 auto 64px;padding:8px 16px;text-align:center;width:fit-content}a.link{background-color:#fff;color:#000;padding:0 4px}