body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.scrollContainer{height:100vh;overflow:auto;overflow-x:hidden;position:relative;scroll-behavior:auto;scroll-snap-type:y mandatory;width:100vw}.contact-me{background-color:hsla(0,0%,7%,0);border:0;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2vw;font-weight:100;padding-right:5vw}.screen{height:100vh;position:relative;scroll-snap-align:start;width:100vw}header{height:7vh;justify-content:flex-end;top:0;z-index:100}footer,header{align-items:center;background-color:#000;display:flex;left:0;position:fixed;width:100%}footer{bottom:0;gap:1vw;height:8vh;justify-content:center}@media screen and (orientation:portrait){footer{gap:5vw}}body{background-color:#000;font-family:Poppins,sans-serif}.greetings-container{display:flex;flex-direction:column;gap:4vh;height:70vh;margin-left:5vw;-webkit-transform:translateY(12vh);transform:translateY(12vh);width:35vw}.greetings-container .light-text{color:#fff;font-size:2vw;font-weight:300}.greetings-container .medium-text{color:#fff;font-size:5vw;line-height:10vh}.greetings-container .light-red-text{color:#eb4a4a;font-size:2vw;font-weight:300}.greetings-container .description-text{color:#fff;font-size:1vw}.get-in-touch-btn{background-color:#eb4a4a;border:0;border-radius:.2vw;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.5vw;font-weight:300;height:3.5vw;width:13vw}.title-image{height:80vh;left:40%;object-fit:contain;position:absolute;top:12%;width:60%;z-index:-1}@media screen and (max-height:800px)and (min-aspect-ratio:7/4){.greetings-container{-webkit-transform:translateY(3vh);transform:translateY(3vh)}}@media screen and (orientation:portrait){.greetings-container{gap:0;height:30vh;margin-left:auto;margin-right:auto;-webkit-transform:translateY(40vh);transform:translateY(40vh);width:75vw}.greetings-container .light-text{font-size:5.5vw}.greetings-container .medium-text{font-size:8vw}.greetings-container .light-red-text{font-size:4.5vw;font-weight:400}.greetings-container .light-red-text,.greetings-container .light-text,.greetings-container .medium-text{text-shadow:2px 4px 10px #000}.get-in-touch-btn{font-size:3vw;font-weight:300;height:8vw;margin-left:auto;margin-right:auto;-webkit-transform:translate(38vw,40vh);transform:translate(38vw,40vh);width:25vw}.title-image{all:unset;height:80vh;left:-30vw;object-fit:fill;overflow:hidden;position:absolute;top:10%;width:auto;z-index:-1}}.skills{background-color:red}.skills-container{display:flex;flex-direction:row;-webkit-transform:translateY(15vh);transform:translateY(15vh)}.skills-image{height:70vh;object-fit:contain;position:absolute;top:20%;width:60%;z-index:-1}.heading{color:#fff;font-size:5vw;font-weight:300;padding-left:10vw;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}ul{list-style-type:none}li{color:#fff;font-size:1.5vw;font-weight:300}.apps{margin-left:10vw}@media screen and (orientation:portrait){.heading{display:block;font-size:10vw;font-weight:400;margin-left:auto;margin-right:auto;padding-left:0;padding-top:5vh;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);width:80%}.skills-container{align-content:flex-end;flex-direction:column;float:right;-webkit-transform:translateY(5vh);transform:translateY(5vh);width:35%}.apps,.skills-list{margin-left:0;padding:0}li{color:#fff;font-size:2vh;font-weight:400}.skills-image{height:70vh;scale:2.5}}.projects-container{height:92vh;width:100vw}.projects-container .title{font-size:8vh;padding-top:15vh}.projects-container .carousel-container{height:50vh;margin:auto;width:90%}.projects-container .video-container{align-content:center;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.projects-container .video-title{font-size:2.5vh;text-align:center}.projects-container .splide,.projects-container .splide__track{height:100%}.projects-container .carousel-video{aspect-ratio:16/9;width:70%}@media screen and (max-height:800px)and (min-aspect-ratio:7/4){.projects-container .title{padding-top:0}.projects-container .carousel-container{height:70vh}}@media screen and (orientation:portrait){.projects-container .title{font-size:5vh}.carousel-video{aspect-ratio:16/9;width:90%}}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.music-container{height:92vh;width:100vw}.music-container .title{font-size:8vh;padding-top:10vh}.music-container .music-carousel-container{height:50vh;margin:10vh auto 0;width:90%}.music-container .sc-container{display:flex;height:100%;justify-content:center}.music-container .audioFrame{height:100%;width:80%}.music-container .splide,.music-container .splide__track{height:100%}@media screen and (max-height:800px)and (min-aspect-ratio:7/4){.music-container .title{padding-top:0}}@media screen and (orientation:portrait){.music-container .title{font-size:5vh}.music-carousel-container{width:100%}}.form{scroll-behavior:smooth}.title{color:#fff;display:block;font-family:Poppins,sans-serif;text-align:center;width:100%}.form-container{height:60vh;margin-left:auto;margin-right:auto;-webkit-transform:translateY(12vh);transform:translateY(12vh);width:85%}.form-container .title{color:#fff;display:block;font-family:Poppins,sans-serif;font-size:5vw;text-align:center;width:100%}.inputs-container{padding-top:5%;width:65%}.contacts-container{align-content:center;display:flex;flex-direction:column;height:100%;margin:0;padding-top:5%;width:50%}.contacts-container .light-text{color:#fff;font-size:2vw;font-weight:300;padding-left:1vw}.initials-container{align-items:center;display:flex;flex-direction:row;height:5vh}.fasIcon{height:50%}.blocks-container{display:flex;flex-direction:row}#name{line-height:5vh;padding-left:2.5vw}.email,.name-surname{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:5vh;width:100%}.email{width:50%}.message{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:5vh;width:100%}#email,#first-name,#last-name{height:5vh;width:22vw}#message{font-size:1vw;height:10vh;width:46vw}input,textarea{background-color:hsla(0,0%,7%,0);border:0;border-bottom:1px solid #fff;color:#fff;transition:border-bottom 1s}input:focus,textarea:focus{outline:none}label{color:#fff;font-size:1vw}label[for=message]{margin-bottom:2vh}.group{display:flex;flex-direction:column}.submit-btn{background-color:#eb4a4a;border:0;border-radius:.1vw;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1vw;font-weight:300;height:2.5vw;-webkit-transform:translateX(36.7vw);transform:translateX(36.7vw);transition:background-color 1s;width:10vw}@media(min-aspect-ratio:7/4){.contacts-container,.inputs-container{padding-top:2%}.form-container{-webkit-transform:translateY(8vh);transform:translateY(8vh)}}@media screen and (max-height:800px)and (min-aspect-ratio:7/4){.form-container{-webkit-transform:translateY(3vh);transform:translateY(3vh)}}@media screen and (orientation:portrait){.form-container{-webkit-transform:translateY(3vh);transform:translateY(3vh);width:95%}.form-container .title{font-size:5vh}.blocks-container{align-items:center;display:flex;flex-direction:column}.contacts-container>*{justify-content:center;text-align:center}.inputs-container{width:75%}.inputs-container>*{flex-direction:column;justify-content:center}.group input,textarea{width:100%}#email,#first-name,#last-name,#message{font-size:2vh;height:4vh;margin-bottom:2vh;width:100%}#message{height:5vh;margin-bottom:0}.email{all:unset}label{font-size:1.3vh}.name-surname{margin-bottom:0}.submit-btn{border-radius:.2vw;font-size:3vw;font-weight:300;height:8vw;text-align:center;-webkit-transform:translateX(0);transform:translateX(0);width:25vw}}.games-container{height:92vh;margin-left:auto;margin-right:auto;position:relative;-webkit-transform:translateY(12vh);transform:translateY(12vh);width:80%}.games-container .title{color:#fff;display:block;font-family:Poppins,sans-serif;font-size:5vw;margin-bottom:5vh;text-align:center;width:100%}.inner-container{display:flex;justify-content:space-around;max-height:50vh;width:100%}.game{border:2px solid hsla(0,0%,100%,.318);display:flex;flex-direction:column;justify-content:flex-start;padding:1%;width:25%}.game div{max-height:30%}.game .medium-text{color:#fff;font-size:2vw;letter-spacing:.1vw;padding:0}.game .light-text{color:#fff;font-size:1.5vw;font-weight:300;padding:0}.poster{display:block;max-height:45%;max-width:100%}.game-link{color:#fff;display:inline;font-family:Poppins,sans-serif;width:3vw}@media(min-aspect-ratio:7/4){.game{grid-gap:3vh;display:grid;gap:3vh;grid-template-columns:10vw 7.5vw 7.5vw 20vw 5vw;width:57vw}.game>*{margin-bottom:auto;margin-top:auto;text-align:left}.game .light-text,.game .medium-text{display:flex;flex-direction:column;justify-content:flex-start}.game .light-text{font-size:1vw}.game .medium-text{font-size:2vw}.poster{max-height:100%}.inner-container{align-items:center;flex-direction:column;gap:4vh;justify-content:space-around}}@media screen and (max-height:800px)and (min-aspect-ratio:7/4){.games-container{-webkit-transform:translateY(3vh);transform:translateY(3vh)}}@media screen and (orientation:portrait){.games-container .title{font-size:5vh}.inner-container{display:block;margin-top:15%}.li{height:auto;width:auto}.game{border:2px solid hsla(0,0%,100%,.318);margin:0;padding:1%;-webkit-transform:translateX(14.5vw);transform:translateX(14.5vw);width:60%}.game div{max-height:30%}.game .poster{display:block;max-height:25%;max-width:100%}.game .medium-text{color:#fff;font-size:4vw}.game .light-text{color:#fff;font-size:2.5vw;font-weight:300;padding:0}}
/*# sourceMappingURL=main.f2f3c021.css.map*/