@import url("https://fonts.googleapis.com/css2?family=Silkscreen&display=swap");.flex{display:flex}.flex-j-c{justify-content:center}.flex-j-s-b{justify-content:space-between}.flex-j-f-s{justify-content:flex-start}.flex-a-i{align-items:center}.flex-f-d-c{flex-direction:column}.flex-f-w{flex-wrap:wrap}.hide{display:none}.aboutMe{background-color:#effc9c;height:100vh;width:auto}.aboutMe .arrows{position:absolute;width:100vw}.aboutMe .arrows__left,.aboutMe .arrows__rigth{font-size:70px;background-color:#000;color:#fff}.aboutMe .arrows__rigth{right:0}.aboutMe .background2{position:absolute;height:auto;width:100vw;bottom:0;left:0}.aboutMe .backgroundLeft2{position:absolute;height:auto;width:30vw;left:0;bottom:11vw}.aboutMe .backgroundTextBlueContainer{position:absolute;left:60%;transform:translateX(-60%);bottom:15vw;animation:backgroundTextBlueContainer 3s ease-in-out forwards}@keyframes backgroundTextBlueContainer{0%{transform:rotate(0) translateY(15vw) translateX(-60%)}10%{transform:rotate(2deg) translateY(13.5vw) translateX(-60%)}20%{transform:rotate(0) translateY(12vw) translateX(-60%)}30%{transform:rotate(-2deg) translateY(10.5vw) translateX(-60%)}40%{transform:rotate(0) translateY(9vw) translateX(-60%)}50%{transform:rotate(2deg) translateY(7.5vw) translateX(-60%)}60%{transform:rotate(0) translateY(6vw) translateX(-60%)}70%{transform:rotate(-2deg) translateY(4.5vw) translateX(-60%)}80%{transform:rotate(0) translateY(3vw) translateX(-60%)}90%{transform:rotate(0) translateY(1.5vw) translateX(-60%)}to{transform:rotate(0) translateY(.75vw) translateX(-60%)}}.aboutMe .backgroundTextBlueContainer__text{position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%)}.aboutMe .backgroundTextBlueContainer .backgroundTextBlue{width:45vw;height:auto}.aboutMe .PButtonContainer{position:absolute;left:50%;transform:translateX(-50%);bottom:11vw;width:40vw;z-index:100}.aboutMe .PButtonContainer .gombaFly{position:absolute;width:4vw;height:auto;bottom:25vw;animation:animationUpGombaFlyBlue 1s ease-in-out infinite}.aboutMe .PButtonContainer__text{margin-bottom:30px}.aboutMe .PButtonContainer__arrow{font-size:70px;margin-bottom:40px;animation:PButtonArrow .5s ease-in-out infinite}@keyframes PButtonArrow{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}.aboutMe .PButtonContainer__PButton{width:3vw;height:auto}.aboutMe .PButtonContainer__PButton:hover{cursor:-webkit-grab;cursor:grab}.aboutMe .gomba{position:absolute;height:auto;width:3vw}.aboutMe .gomba-1{left:15vw;bottom:29.7vw;animation:sideBySideGomba1 8s ease-in-out infinite}@keyframes sideBySideGomba1{0%{transform:translateX(0)}50%{transform:translateX(10vw)}to{transform:translateX(0)}}.aboutMe .gomba-2{z-index:10;left:10vw;bottom:21.4vw;animation:sideBySideGomba2 4s ease-in-out infinite}@keyframes sideBySideGomba2{0%{transform:translateX(0)}50%{transform:translateX(5vw)}to{transform:translateX(0)}}.aboutMe .branch{position:absolute;right:0;height:auto;width:3.5vw;bottom:12vw}.aboutMe .pipeline1{bottom:11.5vw}.aboutMe .pipeline1,.aboutMe .pipelineBomb{position:absolute;left:80vw;width:5vw;height:auto}.aboutMe .pipelineBomb{top:5vw}.aboutMe .bombOmb{position:absolute;left:81.5vw;top:12vw;width:2.5vw;height:auto;animation:fallDownBombOmb 1.3S ease-in-out infinite}@keyframes fallDownBombOmb{0%{transform:translateY(0)}to{transform:translateY(26vw)}}.aboutMe .cloud{position:absolute;top:4vw;left:20vw;width:7vw;height:auto;animation:cloud 3s ease-in-out infinite}@keyframes cloud{0%{transform:translateX(0)}50%{transform:translateX(3vw)}to{transform:translateX(0)}}.aboutMe .cloudSmall{position:absolute;top:10vw;left:10vw;width:5vw;height:auto;animation:cloudSmall 4s ease-in-out infinite}@keyframes cloudSmall{0%{transform:translateX(0)}50%{transform:translateX(-4vw)}to{transform:translateX(0)}}.aboutMe .chomp{position:absolute;left:74vw;bottom:8.5vw;width:15vw;height:auto;animation:chomp 1.1s ease-in-out infinite}@keyframes chomp{0%{transform:translate(0)}50%{transform:translate(-40%,-70%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink{position:absolute;width:1.5vw;height:auto;left:76.5vw;bottom:12vw}.aboutMe .chainLink-1{animation:chainLink1 1.1s ease-in-out infinite}@keyframes chainLink1{0%{transform:translate(0)}50%{transform:translate(-50%,-50%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink-2{animation:chainLink2 1.1s ease-in-out infinite}@keyframes chainLink2{0%{transform:translate(0)}50%{transform:translate(-120%,-120%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink-3{animation:chainLink3 1.1s ease-in-out infinite}@keyframes chainLink3{0%{transform:translate(0)}50%{transform:translate(-190%,-190%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink-4{animation:chainLink4 1.1s ease-in-out infinite}@keyframes chainLink4{0%{transform:translate(0)}50%{transform:translate(-260%,-260%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink-5{animation:chainLink5 1.1s ease-in-out infinite}@keyframes chainLink5{0%{transform:translate(0)}50%{transform:translate(-330%,-330%)}to{transform:translate(0) rotate(0)}}.aboutMe .wood{position:absolute;width:2vw;height:auto;left:77.5vw;bottom:11.5vw}@media (max-width:1200px){.aboutMe .arrows__left,.aboutMe .arrows__rigth{font-size:25px}.aboutMe .PButtonContainer .gombaFly{bottom:100vw;width:8vw;animation:animationUpGombaFlyBlue 1s ease-in-out infinite}@keyframes animationUpGombaFlyBlue{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.aboutMe .PButtonContainer__text{font-size:16px}.aboutMe .PButtonContainer__arrow{margin-bottom:60px;font-size:26px}.aboutMe .PButtonContainer__PButton{bottom:0;width:7vw}.aboutMe .backgroundTextBlueContainer{left:50%;top:20%;transform:translate(-50%,-20%);bottom:inherit;animation:backgroundTextBlueContainer 3s ease-in-out forwards}@keyframes backgroundTextBlueContainer{0%{transform:rotate(0) translateY(50vh) translateX(-60%)}10%{transform:rotate(2deg) translateY(45vh) translateX(-60%)}20%{transform:rotate(0) translateY(40vh) translateX(-60%)}30%{transform:rotate(-2deg) translateY(35vh) translateX(-60%)}40%{transform:rotate(0) translateY(30vh) translateX(-60%)}50%{transform:rotate(2deg) translateY(25vh) translateX(-60%)}60%{transform:rotate(0) translateY(20vh) translateX(-60%)}70%{transform:rotate(-2deg) translateY(15vh) translateX(-60%)}80%{transform:rotate(0) translateY(10vh) translateX(-60%)}90%{transform:rotate(0) translateY(5vh) translateX(-60%)}to{transform:rotate(0) translateY(2.5vh) translateX(-60%)}}.aboutMe .backgroundTextBlueContainer__text{font-size:12px}.aboutMe .backgroundTextBlueContainer .backgroundTextBlue{width:80vw}.aboutMe .gomba{width:5vw}.aboutMe .gomba-1{left:21vw;bottom:36vw}.aboutMe .gomba-2{z-index:10;left:14vw;bottom:25vw}.aboutMe .backgroundLeft2{width:40vw;bottom:11vw}.aboutMe .chomp{left:70vw;bottom:5vw;width:30vw;animation:chomp 1.1s ease-in-out infinite}@keyframes chomp{0%{transform:translate(0)}50%{transform:translate(-40%,-70%)}to{transform:translate(0) rotate(0)}}.aboutMe .chainLink{width:3vw;left:72.5vw}.aboutMe .wood{left:74vw}.aboutMe .pipeline1{left:84vw;width:10vw}.aboutMe .pipelineBomb{left:84vw;top:10VH;width:10vw}.aboutMe .bombOmb{left:85.5vw;top:10vh;width:6vw;animation:fallDownBombOmb 1.8S ease-in-out infinite}@keyframes fallDownBombOmb{0%{transform:translateY(0)}to{transform:translateY(85vh)}}.aboutMe .branch{width:6vw;bottom:12vw}.aboutMe .cloud{top:20vw;left:25vw;width:20vw}.aboutMe .cloudSmall{top:25vw;left:10vw;width:13vw}}.main{position:absolute;z-index:-10;font-size:30px;background-color:#000;height:100vh;width:100vw;color:#fff;overflow-y:scroll}.main .lakitu{position:absolute;width:2vw;height:auto;z-index:100;animation:lakitu 2s ease-in-out infinite}@keyframes lakitu{0%{transform:translateY(0)}50%{transform:translateY(50px)}to{transform:translateY(0)}}.main .mainMenu{text-align:center;height:100%;width:100%;min-height:500px;animation:appearName 3s ease-in-out}.main .mainMenu .socialMedia,.main .mainMenu__name,.main .mainMenu__text{margin:2vh}@keyframes appearName{0%{opacity:0}to{opacity:1}}.main .mainMenu__name-letter{width:22vw;margin:0 20px}.main .mainMenu__button{border:4px solid #081693;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23081693' /></svg>");position:relative;background-color:#0f26f2;color:#fff;width:150px;height:100px;padding:3px;font-size:25px}@supports (border-image-source:none){.main .mainMenu__button{border-radius:14px}}.main .mainMenu__button:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #0b1dc3}.main .mainMenu__button:focus,.main .mainMenu__button:hover{background-color:#0c21dc}.main .mainMenu .socialMedia__github,.main .mainMenu .socialMedia__linkedin,.main .mainMenu .socialMedia__youtube{margin:0 5px;font-size:30px;color:#0be4f2}.main .mainMenu .socialMedia__github:hover,.main .mainMenu .socialMedia__linkedin:hover,.main .mainMenu .socialMedia__youtube:hover{color:#fff;animation:animationUpDowmSocialMedial .1s ease-in-out}@keyframes animationUpDowmSocialMedial{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.main .background1{position:relative;height:100%;width:100%;min-height:400px}.main .background1__image{position:absolute;width:100vw;height:auto;bottom:0;left:0}.main .background1__gombaFlyBlue{position:absolute;margin-top:-10vw;height:auto;width:3vw;animation:animationUpGombaFlyBlue 1s ease-in-out infinite}@keyframes animationUpGombaFlyBlue{0%{transform:translateY(0)}50%{transform:translateY(100px)}to{transform:translateY(0)}}.main .background1__gombaFlyBlue-1{left:10vw}.main .background1__gombaFlyBlue-2{left:90vw}.main .background1__blueLines{z-index:-1;width:60vw;left:50%;top:-10vw}.main .background1__blueLines,.main .background1__start{position:absolute;height:auto;transform:translateX(-50%)}.main .background1__start{width:4vw;left:50vw;top:5vw;animation:animationUpDowmStart 2s ease-in-out infinite}@keyframes animationUpDowmStart{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.main .background1__piranhaYellow{position:absolute;width:5vw;height:auto;bottom:8vw;animation:animationUpDowmpiranhaYellow 1s ease-in-out}@keyframes animationUpDowmpiranhaYellow{0%{transform:translateY(0)}50%{transform:translateY(50px)}to{transform:translateY(0)}}.main .background1__piranhaYellow-1{left:15vw}.main .background1__piranhaYellow-2{left:76vw}.main .background1__pipeline1{position:absolute;height:auto;width:5vw;bottom:3.5vw}.main .background1__pipeline1:hover{height:10vh}.main .background1__pipeline1-1{left:15vw}.main .background1__pipeline1-2{left:76vw}.main .background1__fire-1{position:absolute;height:10vw;width:auto;left:22.5vw;bottom:3.5vw;animation:changeSizeFire1 .2s ease-in-out infinite}@keyframes changeSizeFire1{0%{transform:scale(.5);transform:translateY(5px)}25%{transform:scale(1.5);transform:translateY(-10px)}50%{transform:scale(.5)}75%{transform:scale(1)}to{transform:scale(.5)}}.main .background1__fire-2{position:absolute;height:10vw;width:5vh;left:72.3vw;bottom:3.5vw;animation:changeSizeFire2 .2s ease-in-out infinite}@keyframes changeSizeFire2{0%{transform:scale(.5);transform:translateY(5px)}25%{transform:scale(1.5);transform:translateY(-10px)}50%{transform:scale(.5)}75%{transform:scale(1)}to{transform:scale(.5)}}.main .background1__fish{position:absolute;z-index:10;bottom:1vw;left:54vw;width:3vw;height:auto;animation:semicircularMotionFish 2s ease-in-out infinite}@keyframes semicircularMotionFish{0%{transform:rotate(0deg) translateX(0)}50%{transform:rotate(-180deg) translateX(10vw)}to{transform:rotate(0deg) translateX(0)}}@media (max-width:1000px){.main{font-size:18px}.main .mainMenu{justify-content:flex-end}.main .mainMenu__name{display:flex;flex-direction:column}.main .mainMenu__name-letter{margin:10px 0;width:70vw;height:auto}.main .mainMenu__button{width:100px;height:50px;font-size:medium}.main .background1__fish{width:7vw;height:auto;bottom:20vw}.main .background1__blueLines{width:80vw}.main .background1__gombaFlyBlue{width:8vw;margin-top:-40vw}.main .background1__gombaFlyBlue-1{left:0}.main .background1__start{margin-top:20%;width:8vw}.main .background1__piranhaYellow{width:10vw;height:auto;bottom:31vw}.main .background1__piranhaYellow-1{left:22vw}.main .background1__piranhaYellow-2{left:65vw}.main .background1__pipeline1{bottom:23.5vw;width:10vw;height:auto}.main .background1__pipeline1:hover{height:10vh}.main .background1__pipeline1-1{left:22vw}.main .background1__pipeline1-2{left:65vw}.main .background1__fire-1{left:34vw;width:7vw;height:auto;bottom:22vw}.main .background1__fire-2{position:absolute;height:auto;width:7vw;left:59vw;bottom:22vw;animation:changeSizeFire2 .2s ease-in-out infinite}@keyframes changeSizeFire2{0%{transform:scale(.5);transform:translateY(5px)}25%{transform:scale(1.5);transform:translateY(-10px)}50%{transform:scale(.5)}75%{transform:scale(1)}to{transform:scale(.5)}}}.mySkills{background-color:#192eea;height:100vh;width:100vw;max-height:100vh;overflow-y:hidden;position:relative;overflow:hidden}.mySkills .arrows{position:absolute;width:100vw}.mySkills .arrows__left,.mySkills .arrows__rigth{font-size:70px;background-color:#000;color:#fff}.mySkills .arrows__rigth{right:0}.mySkills__icons{position:relative;z-index:1000000;height:100vh;width:auto}.mySkills__icons .icon{top:10%;position:absolute;width:4vw;margin:10px}.mySkills__icons .icon-l-r{animation:icon1 3s ease-in-out forwards}@keyframes icon1{0%{transform:translateX(100%) translateY(0);left:0}to{transform:translateX(30%) translateY(0);left:30%}}.mySkills__icons .icon-l-l{animation:icon2 3s ease-in-out forwards}@keyframes icon2{0%{transform:translateX(100%) translateY(0);left:0}to{transform:translateX(35%) translateY(0);left:35%}}.mySkills__icons .icon-r-r{animation:icon6 3s ease-in-out forwards}@keyframes icon6{0%{transform:translateX(0) translateY(0);left:100%}to{transform:translateX(60%) translateY(0);left:60%}}.mySkills__icons .icon-r-l{animation:icon7 3s ease-in-out forwards}@keyframes icon7{0%{transform:translateX(0) translateY(0);left:100%}to{transform:translateX(65%) translateY(0);left:65%}}.mySkills__icons .icon-1{top:10%}.mySkills__icons .icon-2{top:15%}.mySkills__icons .icon-3{top:20%}.mySkills__icons .icon-4{top:25%;transform:translateY(-25%)}.mySkills__icons .icon-5{top:30%;transform:translateY(-30%)}.mySkills__icons .icon-6{top:35%;transform:translateY(-35%)}.mySkills__icons .icon-7{top:25%;transform:translateY(-25%)}.mySkills__icons .icon-8{top:30%;transform:translateY(-30%)}.mySkills__icons .icon-9{top:35%;transform:translateY(-35%)}.mySkills__icons .icon-10{top:40%;transform:translateY(-40%)}.mySkills .touchClick{position:absolute;left:50%;top:10%;transform:translate(-50%,-10%);color:#fff;font-size:30px;animation:fastDisappearIcons .5s ease-in-out infinite}@keyframes fastDisappearIcons{0%{opacity:1}to{opacity:0}}.mySkills .background3{position:absolute;height:10vw;width:auto;bottom:0;left:50vw;transform:translateX(-50%);z-index:1000}.mySkills .seaweed{position:absolute;z-index:100;bottom:10vw;height:auto}.mySkills .seaweed-1{left:70vw}.mySkills .seaweed-2{left:30vw}.mySkills .seaweed-1,.mySkills .seaweed-2{width:3vw}.mySkills .seaweed-3{left:74vw}.mySkills .seaweed-4{left:26vw}.mySkills .seaweed-3,.mySkills .seaweed-4{width:2vw}.mySkills .spikes{position:absolute;width:10vw;height:auto;bottom:0}.mySkills .spikes-1{left:0}.mySkills .spikes-2{left:90vw}.mySkills .mario{position:relative;left:50vw;transform:translateX(-50%)}.mySkills .mario__chapter{position:absolute;width:5vw;height:auto;z-index:100}.mySkills .mario__bubble1{position:absolute;height:auto;left:5vw;width:.8vw;animation:fallDownBubble1 1S ease-in-out infinite}@keyframes fallDownBubble1{0%{transform:translateY(0)}to{transform:translateY(-5vw)}}.mySkills .mario__bubble2{position:absolute;height:auto;left:4vw;width:.5vw;animation:fallDownBubble2 .5S ease-in-out infinite}@keyframes fallDownBubble2{0%{transform:translateY(0)}to{transform:translateY(-3vw)}}.mySkills .blooper{position:relative;top:5vw;left:50%;top:100vh;z-index:100;animation-timing-function:linear;animation:blooper 3s ease-in-out forwards;width:50vw;height:auto}@keyframes blooper{0%{transform:rotate(0) translateY(-2vw) translateX(-50%)}10%{transform:rotate(0) translateY(-4vw) translateX(-50%)}20%{transform:rotate(0) translateY(-8vw) translateX(-50%)}30%{transform:rotate(0) translateY(-12vw) translateX(-50%)}40%{transform:rotate(0) translateY(-16vw) translateX(-50%)}50%{transform:rotate(1deg) translateY(-20vw) translateX(-50%)}60%{transform:rotate(0) translateY(-24vw) translateX(-50%)}70%{transform:rotate(-1deg) translateY(-28vw) translateX(-50%)}80%{transform:rotate(-1deg) translateY(-32vw) translateX(-50%)}90%{transform:rotate(1deg) translateY(-36vw) translateX(-50%)}to{transform:rotate(0) translateY(-40vw) translateX(-50%)}}.mySkills .blooper__body{position:absolute;left:50%;transform:translateX(-50%);width:32vw;height:auto}.mySkills .blooper__eye{position:absolute;width:5.5vw;height:auto}.mySkills .blooper__eye-1{left:39%;margin-top:50%;transform:translateX(-39%)}.mySkills .blooper__eye-2{left:65%;margin-top:50%;transform:translateX(-65%)}.mySkills .blooper__tentacule{animation:tentacule 3s ease-in-out infinite}@keyframes tentacule{0%{transform:translateX(0)}50%{transform:translateX(-3vw)}to{transform:translateX(0)}}.mySkills .blooper__tentacule-1,.mySkills .blooper__tentacule-2,.mySkills .blooper__tentacule-3,.mySkills .blooper__tentacule-4{position:absolute;width:8vw;height:auto}.mySkills .blooper__tentacule-1{right:0;bottom:-40vw;animation:tentacle1 2s ease-in-out infinite}@keyframes tentacle1{0%{transform:translateY(0)}50%{transform:translateY(-7vw)}to{transform:translateY(0)}}.mySkills .blooper__tentacule-2{left:5vw;bottom:-38vw;animation:tentacle2 3s ease-in-out infinite}@keyframes tentacle2{0%{transform:translateY(0)}50%{transform:translateY(-6vw)}to{transform:translateY(0)}}.mySkills .blooper__tentacule-3{left:-2vw;bottom:-40vw;animation:tentacle3 6s ease-in-out infinite}@keyframes tentacle3{0%{transform:translateY(0)}50%{transform:translateY(-7vw)}to{transform:translateY(0)}}.mySkills .blooper__tentacule-4{right:-8vw;bottom:-40vw;animation:tentacle4 5s ease-in-out infinite}@keyframes tentacle4{0%{transform:translateY(0)}50%{transform:translateY(-8vw)}to{transform:translateY(0)}}@media (max-width:1000px){.mySkills .arrows__left,.mySkills .arrows__rigth{font-size:25px}.mySkills .mario__chapter{width:12vw}.mySkills .mario__bubble1{left:12vw;width:1vw}.mySkills .mario__bubble2{left:10vw;width:.8vw}.mySkills__icons .icon{width:12vw}.mySkills__icons .icon-l-r{animation:icon1 3s ease-in-out forwards}@keyframes icon1{0%{transform:translateX(100%) translateY(0);left:0}to{transform:translateX(10%) translateY(0);left:10%}}.mySkills__icons .icon-l-l{animation:icon2 3s ease-in-out forwards}@keyframes icon2{0%{transform:translateX(100%) translateY(0);left:0}to{transform:translateX(20%) translateY(0);left:20%}}.mySkills__icons .icon-r-r{animation:icon6 3s ease-in-out forwards}@keyframes icon6{0%{transform:translateX(0) translateY(0);left:100%}to{transform:translateX(60%) translateY(0);left:60%}}.mySkills__icons .icon-r-l{animation:icon7 3s ease-in-out forwards}@keyframes icon7{0%{transform:translateX(0) translateY(0);left:100%}to{transform:translateX(70%) translateY(0);left:70%}}.mySkills__icons .icon-1{top:10%}.mySkills__icons .icon-2{top:20%}.mySkills__icons .icon-3{top:30%}.mySkills__icons .icon-4{top:40%}.mySkills__icons .icon-5{top:50%}.mySkills__icons .icon-6{top:60%}.mySkills__icons .icon-7{top:50%}.mySkills__icons .icon-8{top:60%}.mySkills__icons .icon-9{top:70%}.mySkills__icons .icon-10{top:80%}.mySkills .blooper{animation:blooper 3s ease-in-out forwards}@keyframes blooper{0%{transform:rotate(0) translateY(-2.75vw) translateX(-50%)}10%{transform:rotate(0) translateY(-5.5vw) translateX(-50%)}20%{transform:rotate(0) translateY(-11vw) translateX(-50%)}30%{transform:rotate(0) translateY(-16.5vw) translateX(-50%)}40%{transform:rotate(0) translateY(-22vw) translateX(-50%)}50%{transform:rotate(1deg) translateY(-27.5vw) translateX(-50%)}60%{transform:rotate(0) translateY(-33vw) translateX(-50%)}70%{transform:rotate(-1deg) translateY(-38.5vw) translateX(-50%)}80%{transform:rotate(-1deg) translateY(-44vw) translateX(-50%)}90%{transform:rotate(1deg) translateY(-49.5vw) translateX(-50%)}to{transform:rotate(0) translateY(-55vw) translateX(-50%)}}.mySkills .blooper__eye{position:absolute;width:7.5vw;height:auto}.mySkills .blooper__eye-1{left:33%;margin-top:70%;transform:translateX(-33%)}.mySkills .blooper__eye-2{left:72%;margin-top:70%;transform:translateX(-72%)}.mySkills .blooper__body{width:45vw}.mySkills .blooper__tentacule-1,.mySkills .blooper__tentacule-2,.mySkills .blooper__tentacule-3,.mySkills .blooper__tentacule-4{position:absolute;width:10vw;height:auto}.mySkills .blooper__tentacule-1,.mySkills .blooper__tentacule-2{bottom:-55vw}.mySkills .blooper__tentacule-3,.mySkills .blooper__tentacule-4{bottom:-53.5vw}}.level{background-color:#000;width:100vw;height:100vh;position:absolute;z-index:1000000;color:#fff;animation:levelDisappear 60s ease-in-out forwards}@keyframes levelDisappear{0%{display:block;opacity:1}50%{opacity:1}to{display:none;opacity:0;z-index:-1000000000}}.pixel-borders{position:relative;display:inline-block;margin:0 15px 15px 0;padding:15px 20px;background-color:#fff;font-family:Press Start\ 2P,Arial Black,Arial Bold,Arial,sans-serif}.pixel-borders--1{border:4px solid #000;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23000' /></svg>")}@supports (border-image-source:none){.pixel-borders--1{border-radius:14px}}.pixel-borders--1-inset{border:4px solid #000;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23000' /></svg>");position:relative}@supports (border-image-source:none){.pixel-borders--1-inset{border-radius:14px}}.pixel-borders--1-inset:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #ddd}.pixel-borders--2{border:4px solid #000;border-image-slice:4;border-image-width:2;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 2h2v2H2zM4 0h2v2H4zM10 4h2v2h-2zM0 4h2v2H0zM6 0h2v2H6zM8 2h2v2H8zM8 8h2v2H8zM6 10h2v2H6zM0 6h2v2H0zM10 6h2v2h-2zM4 10h2v2H4zM2 8h2v2H2z' fill='%23000' /></svg>")}@supports (border-image-source:none){.pixel-borders--2{border-radius:20px}}.pixel-borders--2-inset{border:4px solid #000;border-image-slice:4;border-image-width:2;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 2h2v2H2zM4 0h2v2H4zM10 4h2v2h-2zM0 4h2v2H0zM6 0h2v2H6zM8 2h2v2H8zM8 8h2v2H8zM6 10h2v2H6zM0 6h2v2H0zM10 6h2v2h-2zM4 10h2v2H4zM2 8h2v2H2z' fill='%23000' /></svg>")}@supports (border-image-source:none){.pixel-borders--2-inset{border-radius:20px}}.pixel-borders--2-inset:after{border:4px solid #ddd;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23ddd' /></svg>");content:"";position:absolute;z-index:0;bottom:0;right:0;border-image-width:0 1 1 0;width:calc(100% - 4px);height:calc(100% - 4px)}@supports (border-image-source:none){.pixel-borders--2-inset:after{border-radius:14px}}.pixel-box--light{border:4px solid #ccc;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23cccccc' /></svg>");position:relative;background-color:#fff}@supports (border-image-source:none){.pixel-box--light{border-radius:14px}}.pixel-box--light:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #e6e6e6}.pixel-box--light:focus,.pixel-box--light:hover{background-color:#f2f2f2}.pixel-box--primary{color:#fff;border:4px solid #0c639c;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%230c639c' /></svg>");position:relative;background-color:#209cee}@supports (border-image-source:none){.pixel-box--primary{border-radius:14px}}.pixel-box--primary:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #1081cb}.pixel-box--primary:focus,.pixel-box--primary:hover{background-color:#1190e3}.pixel-box--success{color:#fff;border:4px solid #5b8423;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%235b8423' /></svg>");position:relative;background-color:#92cc41}@supports (border-image-source:none){.pixel-box--success{border-radius:14px}}.pixel-box--success:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #77ac2e}.pixel-box--success:focus,.pixel-box--success:hover{background-color:#85c034}.pixel-box--warning{border:4px solid #a88f06;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23a88f06' /></svg>");position:relative;background-color:#f7d51d}@supports (border-image-source:none){.pixel-box--warning{border-radius:14px}}.pixel-box--warning:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #d9b908}.pixel-box--warning:focus,.pixel-box--warning:hover{background-color:#f2ce09}.pixel-box--error{color:#fff;border:4px solid #bc361a;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23bc361a' /></svg>");position:relative;background-color:#e76e55}@supports (border-image-source:none){.pixel-box--error{border-radius:14px}}.pixel-box--error:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #e14828}.pixel-box--error:focus,.pixel-box--error:hover{background-color:#e45b3f}.pixel-box--light-custom{border:4px solid #ccc;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23cccccc' /></svg>");position:relative;background-color:#fff}@supports (border-image-source:none){.pixel-box--light-custom{border-radius:14px}}.pixel-box--light-custom:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #999,inset 4px 4px #999}.pixel-box--light-custom:focus,.pixel-box--light-custom:hover{background-color:#f2f2f2}.pixel-box--primary-custom{color:#fff;border:4px solid #0c639c;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%230c639c' /></svg>");background-color:#209cee}@supports (border-image-source:none){.pixel-box--primary-custom{border-radius:14px}}.pixel-box--primary-custom:focus,.pixel-box--primary-custom:hover{background-color:#1190e3}.pixel-box--success-custom{color:#fff;border:4px solid #5b8423;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%235b8423' /></svg>");position:relative;background-color:#92cc41}@supports (border-image-source:none){.pixel-box--success-custom{border-radius:14px}}.pixel-box--success-custom:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset 4px 4px #b5dc7d}.pixel-box--success-custom:focus,.pixel-box--success-custom:hover{background-color:#85c034}.pixel-box--warning-custom{border:4px solid #a88f06;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23a88f06' /></svg>");position:relative;background-color:#f7d51d}@supports (border-image-source:none){.pixel-box--warning-custom{border-radius:14px}}.pixel-box--warning-custom:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #d9b908,inset 4px 4px #fae367}.pixel-box--warning-custom:focus,.pixel-box--warning-custom:hover{background-color:#f2ce09}.pixel-box--error-custom{color:#fff;border:4px solid #000;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23000' /></svg>");position:relative;background-color:#e76e55}@supports (border-image-source:none){.pixel-box--error-custom{border-radius:14px}}.pixel-box--error-custom:after{content:"";position:absolute;z-index:0;bottom:0;right:0;width:100%;height:100%;box-shadow:inset -4px -4px #e14828}.pixel-box--error-custom:focus,.pixel-box--error-custom:hover{background-color:#e45b3f}*{margin:0;padding:0;font-family:Silkscreen,cursive}