::before,::after{margin:0;padding:0;box-sizing:inherit}html{margin:0;padding:0;box-sizing:border-box;font-size:62.5%}body{margin:0;padding:0;font-size:1.7rem;font-weight:300;background-color:black;font-family:"Josefin Sans", sans-serif}.container{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:black;display:grid;justify-items:center;-webkit-box-align:center;align-items:center;grid-template-columns:1fr 1.46% repeat(12, 7.4%) 1.46% 1fr;grid-template-rows:1fr 3.04% repeat(10, 7.823%) 3.04% 1fr}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.container{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;background-color:#fffef8}}h1{font-size:10rem;font-weight:700;font-family:"Manjari", sans-serif;letter-spacing:.5rem}h2{font-size:5rem;font-weight:400;font-family:"Josefin Sans", sans-serif}h3{font-size:4rem;font-weight:400;font-family:"Josefin Sans", sans-serif}h4{font-size:2.5rem;font-weight:300;font-family:"Josefin Sans", sans-serif}h5{font-size:2rem;font-family:"Manjari", sans-serif;font-weight:700}p{font-size:2rem;font-family:"Josefin Sans", sans-serif}.btn{position:fixed;cursor:pointer;color:#fffef8;border-radius:50%;background-color:black;display:grid;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center}.btn__card{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s all linear;transition:.3s all linear;top:0;left:0;text-align:center;font-size:2rem;font-weight:400;display:grid;grid-template-rows:repeat(2, auto);justify-items:center;-webkit-box-align:center;align-items:center;position:relative;z-index:2800;opacity:0;background-color:transparent;border-radius:50%}.btn__card--top{grid-row:1/2}.btn__card--top::after{content:"";display:block;height:.3rem;width:6rem;background-color:#ff0000;border-radius:1rem;text-align:center;margin:0 auto}.btn__card--bottom{grid-row:2/3}.btn__card--front{opacity:1;border-radius:50%;-webkit-transform:scale(1);transform:scale(1)}.btn__card--back{position:absolute;z-index:2850;-webkit-box-pack:center;justify-content:center;align-content:center;background-color:transparent;grid-row:1/2;padding:0;color:#fffef8;opacity:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.2 all linear;transition:.2 all linear}.btn__icon{position:absolute;background-color:transparent;height:90%;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes blowing{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(-2rem) scale(0.1);transform:translateY(0) translateX(-2rem) scale(0.1)}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(5px);transform:translateY(5px)}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%;-webkit-transform:translateY(-3px) translateX(-1rem);transform:translateY(-3px) translateX(-1rem)}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(0) translateX(-1rem);transform:translateY(0) translateX(-1rem)}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}@keyframes blowing{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(-2rem) scale(0.1);transform:translateY(0) translateX(-2rem) scale(0.1)}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(5px);transform:translateY(5px)}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%;-webkit-transform:translateY(-3px) translateX(-1rem);transform:translateY(-3px) translateX(-1rem)}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(0) translateX(-1rem);transform:translateY(0) translateX(-1rem)}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1)}}@-webkit-keyframes blobbing{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(0) rotate(0);transform:translateY(0) translateX(0) rotate(0)}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(5px);transform:translateY(5px)}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%;-webkit-transform:translateY(-3px) translateX(-1rem);transform:translateY(-3px) translateX(-1rem)}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(0) translateX(-1rem);transform:translateY(0) translateX(-1rem)}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes blobbing{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(0) rotate(0);transform:translateY(0) translateX(0) rotate(0)}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(5px);transform:translateY(5px)}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%;-webkit-transform:translateY(-3px) translateX(-1rem);transform:translateY(-3px) translateX(-1rem)}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%;-webkit-transform:translateY(0) translateX(-1rem);transform:translateY(0) translateX(-1rem)}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@-webkit-keyframes blobbing2{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%}}@keyframes blobbing2{0%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%}20%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%}50%{border-radius:57% 43% 56% 44% / 41% 51% 49% 59%}80%{border-radius:57% 43% 48% 52% / 50% 47% 53% 50%}100%{border-radius:62% 38% 65% 35% / 50% 49% 51% 50%}}@-webkit-keyframes birth{0%{-webkit-transform:scale(0.3) translateX(-200%) translateY(60%);transform:scale(0.3) translateX(-200%) translateY(60%);opacity:0}2%{opacity:1}10%{-webkit-transform:scale(0.3) translateX(-180%) translateY(50%);transform:scale(0.3) translateX(-180%) translateY(50%)}15%{-webkit-transform:scale(0.4) translateX(-170%) translateY(40%);transform:scale(0.4) translateX(-170%) translateY(40%)}20%{-webkit-transform:scale(0.4) translateX(-180%) translateY(50%);transform:scale(0.4) translateX(-180%) translateY(50%)}25%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}30%{-webkit-transform:scale(0.4) translateX(-150%) translateY(50%);transform:scale(0.4) translateX(-150%) translateY(50%)}35%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}40%{-webkit-transform:scale(0.4) translateX(-150%) translateY(50%);transform:scale(0.4) translateX(-150%) translateY(50%)}60%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}100%{-webkit-transform:scale(1) tanslateX(0) translateY(0);transform:scale(1) tanslateX(0) translateY(0);opacity:1}}@keyframes birth{0%{-webkit-transform:scale(0.3) translateX(-200%) translateY(60%);transform:scale(0.3) translateX(-200%) translateY(60%);opacity:0}2%{opacity:1}10%{-webkit-transform:scale(0.3) translateX(-180%) translateY(50%);transform:scale(0.3) translateX(-180%) translateY(50%)}15%{-webkit-transform:scale(0.4) translateX(-170%) translateY(40%);transform:scale(0.4) translateX(-170%) translateY(40%)}20%{-webkit-transform:scale(0.4) translateX(-180%) translateY(50%);transform:scale(0.4) translateX(-180%) translateY(50%)}25%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}30%{-webkit-transform:scale(0.4) translateX(-150%) translateY(50%);transform:scale(0.4) translateX(-150%) translateY(50%)}35%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}40%{-webkit-transform:scale(0.4) translateX(-150%) translateY(50%);transform:scale(0.4) translateX(-150%) translateY(50%)}60%{-webkit-transform:scale(0.4) translateX(-160%) translateY(50%);transform:scale(0.4) translateX(-160%) translateY(50%)}100%{-webkit-transform:scale(1) tanslateX(0) translateY(0);transform:scale(1) tanslateX(0) translateY(0);opacity:1}}@-webkit-keyframes birth2{0%{-webkit-transform:scale(0.4) translateX(-200%) translateY(40%);transform:scale(0.4) translateX(-200%) translateY(40%);opacity:0}2%{-webkit-transform:scale(0.5) translateX(-200%) translateY(40%);transform:scale(0.5) translateX(-200%) translateY(40%);opacity:1}10%{-webkit-transform:scale(0.6) translateX(-130%) translateY(30%);transform:scale(0.6) translateX(-130%) translateY(30%)}15%{-webkit-transform:scale(0.7) translateX(-120%) translateY(20%);transform:scale(0.7) translateX(-120%) translateY(20%)}20%{-webkit-transform:translateX(-130%) translateY(30%);transform:translateX(-130%) translateY(30%)}25%{-webkit-transform:translateX(-120%) translateY(30%);transform:translateX(-120%) translateY(30%)}30%{-webkit-transform:translateX(-130%) translateY(30%);transform:translateX(-130%) translateY(30%)}35%{-webkit-transform:translateX(-120%) translateY(30%);transform:translateX(-120%) translateY(30%)}40%{-webkit-transform:scale(0.8) translateX(-130%) translateY(30%);transform:scale(0.8) translateX(-130%) translateY(30%)}60%{-webkit-transform:scale(0.8) translateX(-120%) translateY(30%);transform:scale(0.8) translateX(-120%) translateY(30%)}100%{-webkit-transform:scale(1) translateX(0) translateY(0);transform:scale(1) translateX(0) translateY(0);opacity:1}}@keyframes birth2{0%{-webkit-transform:scale(0.4) translateX(-200%) translateY(40%);transform:scale(0.4) translateX(-200%) translateY(40%);opacity:0}2%{-webkit-transform:scale(0.5) translateX(-200%) translateY(40%);transform:scale(0.5) translateX(-200%) translateY(40%);opacity:1}10%{-webkit-transform:scale(0.6) translateX(-130%) translateY(30%);transform:scale(0.6) translateX(-130%) translateY(30%)}15%{-webkit-transform:scale(0.7) translateX(-120%) translateY(20%);transform:scale(0.7) translateX(-120%) translateY(20%)}20%{-webkit-transform:translateX(-130%) translateY(30%);transform:translateX(-130%) translateY(30%)}25%{-webkit-transform:translateX(-120%) translateY(30%);transform:translateX(-120%) translateY(30%)}30%{-webkit-transform:translateX(-130%) translateY(30%);transform:translateX(-130%) translateY(30%)}35%{-webkit-transform:translateX(-120%) translateY(30%);transform:translateX(-120%) translateY(30%)}40%{-webkit-transform:scale(0.8) translateX(-130%) translateY(30%);transform:scale(0.8) translateX(-130%) translateY(30%)}60%{-webkit-transform:scale(0.8) translateX(-120%) translateY(30%);transform:scale(0.8) translateX(-120%) translateY(30%)}100%{-webkit-transform:scale(1) translateX(0) translateY(0);transform:scale(1) translateX(0) translateY(0);opacity:1}}@-webkit-keyframes floating{10%{-webkit-transform:scale(1.3);transform:scale(1.3);right:3%}15%{right:2%}20%{right:3%}60%{top:3%;right:75%}100%{-webkit-transform:scale(1);transform:scale(1);top:110%;right:7%}}@keyframes floating{10%{-webkit-transform:scale(1.3);transform:scale(1.3);right:3%}15%{right:2%}20%{right:3%}60%{top:3%;right:75%}100%{-webkit-transform:scale(1);transform:scale(1);top:110%;right:7%}}@-webkit-keyframes floating2{30%{-webkit-transform:scale(0.7);transform:scale(0.7);top:5%;left:45%}50%{top:1%;left:30%}100%{top:80%;left:20%}}@keyframes floating2{30%{-webkit-transform:scale(0.7);transform:scale(0.7);top:5%;left:45%}50%{top:1%;left:30%}100%{top:80%;left:20%}}@-webkit-keyframes floating3{50%{top:2%;left:25%}100%{top:80%;left:70%}}@keyframes floating3{50%{top:2%;left:25%}100%{top:80%;left:70%}}@-webkit-keyframes speaker{0%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}10%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}20%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1)}70%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1)}90%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}100%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1)}}@keyframes speaker{0%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}10%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}20%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1)}70%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1.1)}90%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9)}100%{-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(1);transform:translate(-40%, -15%) rotate(75deg) scaleY(1)}}@-webkit-keyframes shouting{100%{opacity:1;-webkit-transform:rotate(-18deg) translateX(20%);transform:rotate(-18deg) translateX(20%)}}@keyframes shouting{100%{opacity:1;-webkit-transform:rotate(-18deg) translateX(20%);transform:rotate(-18deg) translateX(20%)}}@media only screen and (min-width: 1920px){@-webkit-keyframes shouting{100%{opacity:1;-webkit-transform:rotate(-18deg) translateX(180%);transform:rotate(-18deg) translateX(180%)}}@keyframes shouting{100%{opacity:1;-webkit-transform:rotate(-18deg) translateX(180%);transform:rotate(-18deg) translateX(180%)}}}@-webkit-keyframes typing{from{width:0}to{width:100%}}@keyframes typing{from{width:0}to{width:100%}}@-webkit-keyframes blinking{50%{border-color:transparent}}@keyframes blinking{50%{border-color:transparent}}@-webkit-keyframes blinking-end{100%{border-color:transparent}}@keyframes blinking-end{100%{border-color:transparent}}@-webkit-keyframes blinking-below{50%{border-color:black}}@keyframes blinking-below{50%{border-color:black}}@-webkit-keyframes totheRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);background-color:transparent}10%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}20%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}25%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}50%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem);width:3rem}68%{width:32rem;background-color:#ff0000;-webkit-transform:translateX(32rem);transform:translateX(32rem)}90%{background-color:#ff0000;width:32rem}92%{background-color:transparent}93%{-webkit-transform:translateX(32rem) rotate3d(0, 0, 0, 0);transform:translateX(32rem) rotate3d(0, 0, 0, 0);opacity:1}95%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(32rem) rotate3d(0, -1, 0, -92deg);transform:translateX(32rem) rotate3d(0, -1, 0, -92deg)}96%{opacity:0}100%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(32rem) rotate3d(0, -1, 0, -92deg);transform:translateX(32rem) rotate3d(0, -1, 0, -92deg)}}@keyframes totheRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);background-color:transparent}10%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}20%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}25%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}50%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem);width:3rem}68%{width:32rem;background-color:#ff0000;-webkit-transform:translateX(32rem);transform:translateX(32rem)}90%{background-color:#ff0000;width:32rem}92%{background-color:transparent}93%{-webkit-transform:translateX(32rem) rotate3d(0, 0, 0, 0);transform:translateX(32rem) rotate3d(0, 0, 0, 0);opacity:1}95%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(32rem) rotate3d(0, -1, 0, -92deg);transform:translateX(32rem) rotate3d(0, -1, 0, -92deg)}96%{opacity:0}100%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(32rem) rotate3d(0, -1, 0, -92deg);transform:translateX(32rem) rotate3d(0, -1, 0, -92deg)}}@media only screen and (min-width: 1920px){@-webkit-keyframes totheRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);background-color:transparent}10%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}20%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}25%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}50%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem);width:3rem}68%{width:32rem;background-color:#ff0000;-webkit-transform:translateX(45rem);transform:translateX(45rem)}90%{background-color:#ff0000;width:32rem}92%{background-color:transparent}93%{-webkit-transform:translateX(45rem) rotate3d(0, 0, 0, 0);transform:translateX(45rem) rotate3d(0, 0, 0, 0);opacity:1}95%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(45rem) rotate3d(0, -1, 0, -92deg);transform:translateX(45rem) rotate3d(0, -1, 0, -92deg)}96%{opacity:0}100%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(45rem) rotate3d(0, -1, 0, -92deg);transform:translateX(45rem) rotate3d(0, -1, 0, -92deg)}}@keyframes totheRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);background-color:transparent}10%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}20%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}25%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem)}50%{-webkit-transform:translateX(-5rem);transform:translateX(-5rem);width:3rem}68%{width:32rem;background-color:#ff0000;-webkit-transform:translateX(45rem);transform:translateX(45rem)}90%{background-color:#ff0000;width:32rem}92%{background-color:transparent}93%{-webkit-transform:translateX(45rem) rotate3d(0, 0, 0, 0);transform:translateX(45rem) rotate3d(0, 0, 0, 0);opacity:1}95%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(45rem) rotate3d(0, -1, 0, -92deg);transform:translateX(45rem) rotate3d(0, -1, 0, -92deg)}96%{opacity:0}100%{opacity:0;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(45rem) rotate3d(0, -1, 0, -92deg);transform:translateX(45rem) rotate3d(0, -1, 0, -92deg)}}}@-webkit-keyframes totheLeft{0%{opacity:1;color:black;-webkit-transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1)}20%{-webkit-transform:translateX(5rem) translateY(0) rotateY(0) scale(1);transform:translateX(5rem) translateY(0) rotateY(0) scale(1)}100%{opacity:1;color:black;-webkit-transform:translateX(-22rem) translateY(0) rotateY(0) scale(1);transform:translateX(-22rem) translateY(0) rotateY(0) scale(1)}}@keyframes totheLeft{0%{opacity:1;color:black;-webkit-transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1)}20%{-webkit-transform:translateX(5rem) translateY(0) rotateY(0) scale(1);transform:translateX(5rem) translateY(0) rotateY(0) scale(1)}100%{opacity:1;color:black;-webkit-transform:translateX(-22rem) translateY(0) rotateY(0) scale(1);transform:translateX(-22rem) translateY(0) rotateY(0) scale(1)}}@media only screen and (min-width: 1920px){@-webkit-keyframes totheLeft{0%{opacity:1;color:black;-webkit-transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1)}20%{-webkit-transform:translateX(5rem) translateY(0) rotateY(0) scale(1);transform:translateX(5rem) translateY(0) rotateY(0) scale(1)}100%{opacity:1;color:black;-webkit-transform:translateX(-30rem) translateY(0) rotateY(0) scale(1);transform:translateX(-30rem) translateY(0) rotateY(0) scale(1)}}@keyframes totheLeft{0%{opacity:1;color:black;-webkit-transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1)}20%{-webkit-transform:translateX(5rem) translateY(0) rotateY(0) scale(1);transform:translateX(5rem) translateY(0) rotateY(0) scale(1)}100%{opacity:1;color:black;-webkit-transform:translateX(-30rem) translateY(0) rotateY(0) scale(1);transform:translateX(-30rem) translateY(0) rotateY(0) scale(1)}}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:0}55%{opacity:1}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:0}55%{opacity:1}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes coloring{0%{opacity:1;color:#fffef8}100%{opacity:1;color:black}}@keyframes coloring{0%{opacity:1;color:#fffef8}100%{opacity:1;color:black}}@-webkit-keyframes appear{100%{opacity:1}}@keyframes appear{100%{opacity:1}}@-webkit-keyframes blackBackground{0%{background-color:transparent}100%{background-color:black}}@keyframes blackBackground{0%{background-color:transparent}100%{background-color:black}}@-webkit-keyframes slidingRight{0%{margin-left:200%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:0}}@keyframes slidingRight{0%{margin-left:200%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:0}}@media only screen and (min-width: 1920px){@-webkit-keyframes slidingRight{0%{margin-left:250%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:0}}@keyframes slidingRight{0%{margin-left:250%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:0}}}@media only screen and (min-width: 2304px){@-webkit-keyframes slidingRight{0%{margin-left:250%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:15%}}@keyframes slidingRight{0%{margin-left:250%;opacity:0}2%{opacity:1}100%{opacity:1;margin-left:15%}}}@-webkit-keyframes slideDown{0%{opacity:1;margin-top:0}95%{opacity:1}100%{opacity:0;margin-top:100%}}@keyframes slideDown{0%{opacity:1;margin-top:0}95%{opacity:1}100%{opacity:0;margin-top:100%}}@-webkit-keyframes slideUp{0%{opacity:1;top:150%}100%{opacity:1;top:0}}@keyframes slideUp{0%{opacity:1;top:150%}100%{opacity:1;top:0}}@-webkit-keyframes turning{0%{color:black;opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-22rem) rotate(0);transform:translateX(-22rem) rotate(0)}30%{color:black;opacity:1}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-22rem) rotate(1440deg);transform:translateX(-22rem) rotate(1440deg)}}@keyframes turning{0%{color:black;opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-22rem) rotate(0);transform:translateX(-22rem) rotate(0)}30%{color:black;opacity:1}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-22rem) rotate(1440deg);transform:translateX(-22rem) rotate(1440deg)}}@media only screen and (min-width: 1920px){@-webkit-keyframes turning{0%{color:black;opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-30rem) rotate(0);transform:translateX(-30rem) rotate(0)}30%{color:black;opacity:1}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-30rem) rotate(1440deg);transform:translateX(-30rem) rotate(1440deg)}}@keyframes turning{0%{color:black;opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-30rem) rotate(0);transform:translateX(-30rem) rotate(0)}30%{color:black;opacity:1}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;-webkit-transform:translateX(-30rem) rotate(1440deg);transform:translateX(-30rem) rotate(1440deg)}}}@-webkit-keyframes turningIn{0%{color:black;opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translateX(-5rem) rotate(0);transform:translateX(-5rem) rotate(0)}1%{opacity:1}100%{color:black;opacity:1;-webkit-transform:translateX(-5rem) rotate(360deg);transform:translateX(-5rem) rotate(360deg)}}@keyframes turningIn{0%{color:black;opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translateX(-5rem) rotate(0);transform:translateX(-5rem) rotate(0)}1%{opacity:1}100%{color:black;opacity:1;-webkit-transform:translateX(-5rem) rotate(360deg);transform:translateX(-5rem) rotate(360deg)}}@-webkit-keyframes zoomOut{0%{opacity:1}96%{opacity:1}100%{opacity:0;-webkit-transform:translateX(1100%) translateY(-15%) rotate(20deg) scale(1.5);transform:translateX(1100%) translateY(-15%) rotate(20deg) scale(1.5)}}@keyframes zoomOut{0%{opacity:1}96%{opacity:1}100%{opacity:0;-webkit-transform:translateX(1100%) translateY(-15%) rotate(20deg) scale(1.5);transform:translateX(1100%) translateY(-15%) rotate(20deg) scale(1.5)}}@-webkit-keyframes openingEye{0%{-webkit-transform:scale(2.5) rotate3d(1, 0, 0, 90deg);transform:scale(2.5) rotate3d(1, 0, 0, 90deg)}100%{-webkit-transform:scale(2.5) rotate3d(0, 0, 0, 0);transform:scale(2.5) rotate3d(0, 0, 0, 0)}}@keyframes openingEye{0%{-webkit-transform:scale(2.5) rotate3d(1, 0, 0, 90deg);transform:scale(2.5) rotate3d(1, 0, 0, 90deg)}100%{-webkit-transform:scale(2.5) rotate3d(0, 0, 0, 0);transform:scale(2.5) rotate3d(0, 0, 0, 0)}}@-webkit-keyframes insideEye{0%{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}100%{-webkit-transform:rotate3d(0, 0, 0, 0);transform:rotate3d(0, 0, 0, 0)}}@keyframes insideEye{0%{-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg)}100%{-webkit-transform:rotate3d(0, 0, 0, 0);transform:rotate3d(0, 0, 0, 0)}}@-webkit-keyframes shikaku{0%{border-radius:50%}100%{border-radius:2.8rem}}@keyframes shikaku{0%{border-radius:50%}100%{border-radius:2.8rem}}@-webkit-keyframes maru{0%{border-radius:2.8rem}100%{border-radius:50%}}@keyframes maru{0%{border-radius:2.8rem}100%{border-radius:50%}}@-webkit-keyframes zoomingIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomingIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomingOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoomingOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes arrow-top{100%{color:transparent;border-bottom:0.3rem solid #fffef8;width:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes arrow-top{100%{color:transparent;border-bottom:0.3rem solid #fffef8;width:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.wrapper{display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr;width:100%;height:150%;grid-row:1 / -1;grid-column:3/-1;background-color:#fffef8;border-radius:100% 0% 81% 19% / 61% 100% 0% 39%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all linear;transition:all linear;overflow:hidden}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.wrapper{grid-column:1/-1;gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;height:100%;border-radius:50% 50% 0% 0% / 10% 10% 0% 0%}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.wrapper{gap:.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.wrapper{grid-column:1/-1;gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;height:100%;border-radius:50% 50% 0% 0% / 10% 10% 0% 0%}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.wrapper{grid-column:1/-1;gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;height:100%;border-radius:50% 50% 0% 0% / 10% 10% 0% 0%}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.wrapper{grid-column:1/-1;gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;height:100%;border-radius:50% 50% 0% 0% / 10% 10% 0% 0%}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.wrapper{grid-column:1/-1;gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr;height:100%;border-radius:50% 50% 0% 0% / 10% 10% 0% 0%}}.logo{width:15rem;height:15rem;background-color:#fffef8;position:relative;grid-column:2/5;grid-row:1/4;justify-self:start;-webkit-transform:translateY(4rem);transform:translateY(4rem);border:1px solid #fffef8;border-radius:50%;color:black;display:grid;grid-template-columns:repeat(3, 33.33%);grid-template-rows:repeat(3, 33.33%);cursor:pointer;z-index:5000;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo{grid-column:5/8;grid-row:1/3;width:5.5rem;height:5.5rem;-webkit-transform:translateY(1rem);transform:translateY(1rem);justify-self:center;background-color:black}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.logo{width:6.5rem;height:6.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.logo{width:10rem;height:10rem;grid-column:8/10;grid-row:2/3;-webkit-transform:translateY(1rem);transform:translateY(1rem);justify-self:center;background-color:black}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.logo{width:17rem;height:17rem;grid-column:8/10;grid-row:2/3;-webkit-transform:translateY(1rem);transform:translateY(1rem);justify-self:center;background-color:black}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.logo{width:20rem;height:20rem;grid-column:8/10;grid-row:2/3;-webkit-transform:translateY(1rem);transform:translateY(1rem);justify-self:center;background-color:black}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.logo{width:23rem;height:23rem;grid-column:8/10;grid-row:2/3;-webkit-transform:translateY(1rem);transform:translateY(1rem);justify-self:center;background-color:black}}@media only screen and (min-width: 1920px){.logo{width:20rem;height:20rem;grid-row:2/4}}@media only screen and (min-width: 2304px){.logo{width:25rem;height:25rem}}.logo__letter{font-family:"Manjari", sans-serif;text-transform:lowercase;position:absolute;font-weight:700;font-size:6rem;grid-column:2/3;height:100%;overflow:hidden;opacity:1;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo__letter{color:#fffef8;font-size:1.5rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.logo__letter{font-size:2.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.logo__letter{color:#fffef8;font-size:4rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.logo__letter{color:#fffef8;font-size:6rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.logo__letter{color:#fffef8;font-size:7rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.logo__letter{color:#fffef8;font-size:9rem}}@media only screen and (min-width: 1920px){.logo__letter{font-size:7rem}}@media only screen and (min-width: 2304px){.logo__letter{font-size:9rem}}.logo__letter--i{grid-row:1/2;z-index:4000;padding-top:1rem;text-transform:uppercase;font-size:5rem;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo__letter--i{font-size:1.5rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.logo__letter--i{padding-top:0;font-size:2.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.logo__letter--i{font-size:4rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.logo__letter--i{font-size:5.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.logo__letter--i{font-size:7rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.logo__letter--i{font-size:9rem}}@media only screen and (min-width: 1920px){.logo__letter--i{font-size:7rem}}@media only screen and (min-width: 2304px){.logo__letter--i{font-size:9rem}}.logo__letter--c{grid-row:2/3;z-index:3000}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo__letter--c{padding-top:.5rem}}.logo__letter--o{grid-row:3/4;z-index:3500}.logo__home{display:none;grid-column:2/3;grid-row:3/4;padding-bottom:2rem;font-weight:300}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo__home{font-size:1.4rem;color:#fffef8}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.logo__home{font-size:3rem;color:#fffef8}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.logo__home{font-size:4rem;color:#fffef8}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.logo__home{color:#fffef8;font-size:6rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.logo__home{color:#fffef8;font-size:7rem}}@media only screen and (min-width: 1920px){.logo__home{font-size:3rem}}.logo:hover .logo__letter--i{grid-row:2/3;align-self:start;-webkit-transform:scale(0.8) translateY(-30%);transform:scale(0.8) translateY(-30%)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.logo:hover .logo__letter--i{-webkit-transform:scale(0.8) translateY(-50%);transform:scale(0.8) translateY(-50%)}}.logo:hover .logo__letter--o{grid-row:2/3}.logo:hover .logo__letter--c{opacity:0}.logo:hover .logo__home{display:block}.about{position:relative;z-index:2000;grid-row:3/ 14;grid-column:2/-1;width:100%;height:100%;display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr;justify-items:center;-webkit-box-align:center;align-items:center}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about{grid-row:2/ -1;grid-column:1/-1}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about{gap:.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about{grid-row:2/ -1;grid-column:1/-1}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about{grid-row:2/ -1;grid-column:1/-1;grid-template-columns:1fr 5% repeat(11, 5.964%) 5% 1fr}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about{grid-row:2/ -1;grid-column:1/-1;grid-template-columns:1fr 5% repeat(11, 5.964%) 5% 1fr}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about{grid-row:2/ -1;grid-column:1/-1;grid-template-columns:1fr 5% repeat(11, 5.964%) 5% 1fr}}.about__menu{grid-column:1 / 3;grid-row:8 / 10;color:black;height:8rem;width:8rem;z-index:2100;text-align:center;-webkit-transform:translateX(-4rem);transform:translateX(-4rem);font-size:2rem;font-weight:400;display:grid;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(2, auto);justify-items:center;-webkit-box-align:center;align-items:center;position:relative;z-index:2800;cursor:pointer}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__menu{-webkit-transform:scale(0.8);transform:scale(0.8)}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__menu{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1920px){.about__menu{height:10rem;width:10rem;font-size:3.5rem;gap:1.2rem}}@media only screen and (min-width: 2304px){.about__menu{height:12rem;width:12rem;font-size:4.5rem;gap:1.2rem}}.about__menu--top{grid-column:1/2;grid-row:1/2}.about__menu--top::after{content:"";display:block;height:.5rem;width:4rem;margin:0 auto;background-color:black;border-radius:1rem;text-align:center}@media only screen and (min-width: 1920px){.about__menu--top::after{margin-top:1rem;width:8rem}}.about__menu--bottom{grid-column:1/2;grid-row:2/3}.about__menu--icon{grid-column:2/3;grid-row:1/2;height:4rem;width:4rem;-webkit-transition:all linear;transition:all linear;-webkit-transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);transform:translate(-40%, -15%) rotate(75deg) scaleY(0.9);-webkit-animation:speaker 2s ease-in .5s 1 forwards;animation:speaker 2s ease-in .5s 1 forwards}@media only screen and (min-width: 1920px){.about__menu--icon{height:8rem;width:8rem}}.about__menu--lines{position:absolute;height:3px;width:2rem;background-color:black;top:10%;right:-30%;-webkit-transform:rotate(-18deg) translateX(-100%);transform:rotate(-18deg) translateX(-100%);border-radius:5rem;-webkit-transition:all linear;transition:all linear;opacity:0;-webkit-animation:shouting .5s ease-in .5s 2 forwards;animation:shouting .5s ease-in .5s 2 forwards}@media only screen and (min-width: 1920px){.about__menu--lines{width:4rem;top:29%;-webkit-transform:rotate(-18deg) translateX(0);transform:rotate(-18deg) translateX(0)}}.about__menu--lines::before,.about__menu--lines::after{content:"";display:block;background-color:inherit;width:inherit;height:inherit;border-radius:inherit}.about__menu--lines::before{-webkit-transform:translateY(-350%) rotate(-28deg);transform:translateY(-350%) rotate(-28deg)}@media only screen and (min-width: 1920px){.about__menu--lines::before{-webkit-transform:translateY(-700%) rotate(-28deg);transform:translateY(-700%) rotate(-28deg)}}.about__menu--lines::after{-webkit-transform:translateY(300%) rotate(28deg);transform:translateY(300%) rotate(28deg)}@media only screen and (min-width: 1920px){.about__menu--lines::after{-webkit-transform:translateY(700%) rotate(28deg);transform:translateY(700%) rotate(28deg)}}.about__menu:hover .about__menu--icon{-webkit-animation:speaker 2s ease-in .2s;animation:speaker 2s ease-in .2s}.about__menu:hover .about__menu--lines{-webkit-animation:shouting .5s ease-in .2s;animation:shouting .5s ease-in .2s}.about__greet{grid-column:3 / 9;grid-row:4 / 9;z-index:2100;width:38rem}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__greet{grid-column:3 / -1;grid-row:5 / 7;width:100%}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__greet{width:auto;justify-self:start;grid-column:3 / 12;grid-row:5 / 9}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__greet{grid-column:3 / -1;grid-row:5 / 7;width:100%}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__greet{grid-column:4 / 12;justify-self:start}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__greet{grid-column:3 / -1;grid-row:5 / 7;width:100%}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__greet{grid-column:3 / -1;grid-row:5 / 7;width:100%}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__greet{grid-column:3 / -1;grid-row:5 / 7;width:100%}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__greet{grid-column:4 / 10;width:100%}}@media only screen and (min-width: 1440px){.about__greet{grid-column:4 / 9;grid-row:6 / 8;width:100%}}@media only screen and (min-width: 1920px){.about__greet{grid-row:5 / 9}}@media only screen and (min-width: 2304px){.about__greet{grid-row:4 / 9}}.about__greet h1{overflow:hidden;margin:1rem auto;width:0;height:8rem;white-space:nowrap;letter-spacing:1.2rem;margin-bottom:2rem;color:black}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__greet h1{font-size:5.8rem;margin-bottom:0;height:7rem;letter-spacing:1rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__greet h1{font-size:5.5rem;height:6rem;margin-bottom:0}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__greet h1{font-size:7.5rem;margin-bottom:0;height:7rem;letter-spacing:1rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__greet h1{font-size:12rem;margin-bottom:0;height:13rem;letter-spacing:1.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__greet h1{font-size:13rem;margin-bottom:0;height:13.5rem;letter-spacing:1.7rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__greet h1{font-size:15.5rem;margin-bottom:0;height:16rem;letter-spacing:1.7rem}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__greet h1{font-size:12rem;height:12rem;letter-spacing:1.7rem}}@media only screen and (min-width: 1440px){.about__greet h1{padding-top:2rem;height:100%;font-size:10rem}}@media only screen and (min-width: 1920px){.about__greet h1{font-size:14rem}}@media only screen and (min-width: 2304px){.about__greet h1{font-size:17rem}}.about__greet :nth-child(1){border-right:5px black solid;-webkit-animation:0.8s typing steps(10, start) 2s forwards,0.5s blinking step-end alternate infinite,0.2s blinking-end 4.2s linear forwards;animation:0.8s typing steps(10, start) 2s forwards,0.5s blinking step-end alternate infinite,0.2s blinking-end 4.2s linear forwards}.about__greet :nth-child(2){border-right:5px transparent solid;-webkit-animation:1.5s typing 4.5s steps(20, start) forwards,0.5s blinking-below 4.2s step-end alternate infinite,0.2s blinking-end 8s linear forwards;animation:1.5s typing 4.5s steps(20, start) forwards,0.5s blinking-below 4.2s step-end alternate infinite,0.2s blinking-end 8s linear forwards}.about__sub{position:absolute;grid-column:4/9;grid-row:9/ 13;z-index:2100;justify-self:start;color:#fffef8}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__sub{grid-column:3/9;grid-row:8/ 12}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__sub{grid-column:3 / 12;justify-self:start}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__sub{grid-column:3/9;grid-row:8/ 12}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__sub{grid-column:4 / 12}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__sub{grid-column:3/9;grid-row:8/ 12}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__sub{grid-column:3/9;grid-row:8/ 12}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__sub{grid-column:3/9;grid-row:8/ 12}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__sub{grid-row:8/ 13}}@media only screen and (min-width: 1920px){.about__sub{grid-row:8/ 14;justify-self:start}}.about__sub h2{color:#fffef8}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__sub h2{font-size:3.4rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__sub h2{font-size:2.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__sub h2{font-size:4.2rem}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__sub h2{font-size:2.8rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__sub h2{font-size:6.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__sub h2{font-size:7.5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__sub h2{font-size:8.8rem;letter-spacing:1.3rem}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__sub h2{font-size:6rem}}@media only screen and (min-width: 1920px){.about__sub h2{font-size:7rem}}@media only screen and (min-width: 2304px){.about__sub h2{font-size:8.5rem;line-height:10rem}}.about__sub p{color:#fffef8;font-size:2.5rem;line-height:3rem}.about__me{grid-column:9/ 16;grid-row:3/ 11;height:100%;width:100%;color:#fffef8;display:grid;grid-template-columns:1fr repeat(7, 10.7%);grid-template-rows:1fr repeat(7, 10%);gap:1rem;position:relative;align-content:center}.about__me--content{position:absolute;color:#fffef8;grid-column:1/ 9;grid-row:1/ 9;display:grid;height:95%;width:100%;grid-template-columns:repeat(6, 12.535%);grid-template-rows:1fr repeat(5, 10.652%) 1fr;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;row-gap:1.5rem;justify-items:center;-webkit-box-align:center;align-items:center;align-content:center;z-index:2200;-webkit-perspective:2000px;perspective:2000px;border-radius:64% 36% 62% 38% / 61% 48% 52% 39%;-webkit-transition:all linear;transition:all linear;-webkit-animation:blobbing 15s linear infinite;animation:blobbing 15s linear infinite}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__me--content{visibility:hidden}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__me--content{visibility:hidden}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__me--content{visibility:hidden}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__me--content{visibility:hidden}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__me--content{visibility:hidden}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__me--content{visibility:hidden}}@media only screen and (min-width: 1920px){.about__me--content{grid-row:1/ 8}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__me--content{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}}@media only screen and (min-width: 1920px){.about__me--content{-webkit-column-gap:3.5rem;-moz-column-gap:3.5rem;column-gap:3.5rem}}@media only screen and (min-width: 2304px){.about__me--content{-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem}}.about__me--content h1{grid-column:2/ 3;grid-row:3/6;font-family:"Josefin Sans", sans-serif;color:#fffef8;font-size:28rem;font-weight:900;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:3rem;height:100%;text-align:right;margin:0;opacity:0;-webkit-transition:all linear;transition:all linear;-webkit-transform-origin:left;transform-origin:left;background-color:transparent;z-index:2500;-webkit-box-align:center;align-items:center}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__me--content h1{font-size:30rem}}@media only screen and (min-width: 1920px){.about__me--content h1{grid-row:3/ 6;font-size:30rem}}@media only screen and (min-width: 2304px){.about__me--content h1{grid-row:3/7;font-size:38.5rem}}.about__me--content h2{color:#fffef8;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);margin:0;font-weight:700;justify-self:start;opacity:0;-webkit-transition:all linear .3s;transition:all linear .3s;z-index:2300}@media only screen and (min-width: 1920px){.about__me--content h2{font-size:6rem}}@media only screen and (min-width: 2304px){.about__me--content h2{font-size:7.2rem}}.about__me--1 h1{justify-self:end;align-self:end;-webkit-transform:translateX(-2rem) rotate3d(0, 0, 0, 0);transform:translateX(-2rem) rotate3d(0, 0, 0, 0);opacity:0;-webkit-animation:2s fade-in 1s linear forwards, .2s coloring 9.5s ease-in forwards, 2.5s totheRight 10.5s ease-in forwards;animation:2s fade-in 1s linear forwards, .2s coloring 9.5s ease-in forwards, 2.5s totheRight 10.5s ease-in forwards}.about__me--1 h2{-webkit-animation:2s fade-in 1s linear forwards, .1s fade-out 12.6s linear forwards;animation:2s fade-in 1s linear forwards, .1s fade-out 12.6s linear forwards}@media only screen and (min-width: 1920px){.about__me--1 h2{padding-left:5rem;-webkit-animation:2s fade-in 1s linear forwards, .1s fade-out 12s linear forwards;animation:2s fade-in 1s linear forwards, .1s fade-out 12s linear forwards}}.about__me--1 :nth-child(2){grid-column:3/ 8;grid-row:3/ 4}.about__me--1 :nth-child(3){grid-column:3/ 8;grid-row:4/ 5}.about__me--1 :nth-child(4){grid-column:3/ 8;grid-row:5/ 6}.about__me--2{opacity:0;-webkit-animation:.2s appear 12.87s linear forwards;animation:.2s appear 12.87s linear forwards}.about__me--2 h1{grid-column:4/6;justify-self:end;align-self:center;width:100%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);transform:translateX(5rem) translateY(0) rotateY(85deg) scale(1);-webkit-animation:1.5s totheLeft 12.87s ease-in-out forwards, 2s turning 17s ease-in forwards;animation:1.5s totheLeft 12.87s ease-in-out forwards, 2s turning 17s ease-in forwards}.about__me--2 h2{margin-left:200%;opacity:0;overflow:hidden;-webkit-transition:all linear .2s;transition:all linear .2s;-webkit-animation:1.5s slidingRight 13s ease-in-out forwards, .5s slideDown 18.5s ease-in forwards;animation:1.5s slidingRight 13s ease-in-out forwards, .5s slideDown 18.5s ease-in forwards}.about__me--2 :nth-child(2){grid-column:4/ 7;grid-row:3/ 4;opacity:0}.about__me--2 :nth-child(3){grid-column:3/ 7;grid-row:4/ 5;opacity:0}.about__me--2 :nth-child(4){grid-column:4/ 7;grid-row:5/ 6;opacity:0}.about__me--3{opacity:0;-webkit-animation:.2s appear 18.5s linear forwards;animation:.2s appear 18.5s linear forwards}.about__me--3 h1{color:black;opacity:0;width:100%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-align:left;-webkit-transform:translateX(-5rem) translateY(0) rotate(0);transform:translateX(-5rem) translateY(0) rotate(0);-webkit-animation:0.5s turningIn 18.5s ease-out forwards,1s zoomOut 21s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.5s turningIn 18.5s ease-out forwards,1s zoomOut 21s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}.about__me--3 h2{opacity:0;justify-self:center;text-align:center;-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:2700;text-transform:uppercase}@media only screen and (min-width: 2304px){.about__me--3 h2{-webkit-transform:translateX(-25%) rotate(20deg);transform:translateX(-25%) rotate(20deg)}}.about__me--3 :nth-child(2){opacity:0;grid-row:4/5;grid-column:2/3;justify-self:end;-webkit-transform:translateY(17%) rotate(20deg);transform:translateY(17%) rotate(20deg);-webkit-animation:0.05s appear 19.5s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.05s appear 19.5s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}@media only screen and (min-width: 2304px){.about__me--3 :nth-child(2){-webkit-transform:translateX(-10%) rotate(20deg);transform:translateX(-10%) rotate(20deg)}}.about__me--3 :nth-child(3){opacity:0;grid-column:3 /4;grid-row:4/5;font-size:7rem;-webkit-animation:0.05s appear 19.55s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.05s appear 19.55s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}.about__me--3 :nth-child(4){opacity:0;grid-column:4 /5;grid-row:4/5;font-size:9rem;-webkit-animation:0.05s appear 19.6s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.05s appear 19.6s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}.about__me--3 :nth-child(5){opacity:0;grid-column:5 /6;grid-row:4/5;font-size:11rem;-webkit-animation:0.05s appear 19.65s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.05s appear 19.65s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}.about__me--3 :nth-child(6){opacity:0;grid-column:6 /8;grid-row:4/5;font-size:19rem;-webkit-transform:translateX(-10%) rotate(20deg);transform:translateX(-10%) rotate(20deg);-webkit-animation:0.05s appear 19.7s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards;animation:0.05s appear 19.7s linear forwards,1s zoomOut 22s cubic-bezier(0.86, -0.57, 0.45, 0.77) forwards}.about__goo{z-index:1800;position:relative;grid-column:1/ -1;grid-row:1/ -1;height:100%;width:100%;background-color:#fffef8;-webkit-filter:blur(20px) contrast(70);filter:blur(20px) contrast(70);display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr}.about__goo>*{background-color:#f00000;position:absolute;border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transition:all linear;transition:all linear}.about__goo--1{grid-column:2/8;grid-row:7/14;width:42.459vw;height:76.3vh;border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateX(0) translateY(0) rotate(0) scale(0.05);transform:translateX(0) translateY(0) rotate(0) scale(0.05);-webkit-transition:all linear;transition:all linear;-webkit-animation:2s blowing 1.5s ease-in-out forwards, 5s blobbing 2s linear infinite;animation:2s blowing 1.5s ease-in-out forwards, 5s blobbing 2s linear infinite}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__goo--1{grid-column:1/-1;grid-row:6/14;width:100vw;height:100%}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.about__goo--1{grid-column:1/12;grid-row:6/14}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__goo--1{grid-column:1/-1;grid-row:6/14;width:80vw;height:100%}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__goo--1{grid-column:3/12;grid-row:6/13;width:43vw}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__goo--1{grid-column:1/-1;grid-row:6/14;width:80vw;height:100%}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__goo--1{grid-column:1/-1;grid-row:6/14;width:80vw;height:100%}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--1{grid-column:1/-1;grid-row:6/14;width:80vw;height:100%}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__goo--1{width:45vw;height:60vh}}@media only screen and (min-width: 1920px){.about__goo--1{width:40vw;height:67vh}}@media only screen and (min-width: 2304px){.about__goo--1{width:41vw;height:64vh}}.about__goo--2{grid-column:9/ -1;grid-row:3/ 10;width:40.26vw;height:68.807vh;border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;-webkit-transform:translateX(0) translateY(0) scale(1) rotate(0);transform:translateX(0) translateY(0) scale(1) rotate(0);opacity:0;-webkit-animation:4s blobbing 2.6s linear infinite, 3s birth 3s ease-in-out forwards;animation:4s blobbing 2.6s linear infinite, 3s birth 3s ease-in-out forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.about__goo--2{grid-column:8/ -1;grid-row:3/ 9}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.about__goo--2{grid-column:8/ -1;grid-row:3/ 6;width:50vw;height:50vh}}@media only screen and (min-width: 1920px){.about__goo--2{grid-row:3/ 8;width:37vw;height:57vh}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__goo--2{grid-column:8/ -1;grid-row:3/ 6;width:55vw;height:40vh}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__goo--2{grid-column:8/ -1;grid-row:3/ 6;width:75vw;height:35vh}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--2{grid-column:8/ -1;grid-row:3/ 6;width:75vw;height:35vh}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__goo--2{width:45vw;height:60vh}}.about__goo--3{grid-column:12/ 15;grid-row:9 / 13;-webkit-transform:translateX(-250%) translateY(60%) scale(0.3) rotate(0);transform:translateX(-250%) translateY(60%) scale(0.3) rotate(0);opacity:0;width:30rem;height:30rem;-webkit-animation:6s blobbing 2.6s linear infinite, 3s birth2 7s ease-in-out forwards;animation:6s blobbing 2.6s linear infinite, 3s birth2 7s ease-in-out forwards}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.about__goo--3{grid-column:11/ 15}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__goo--3{grid-column:10/ 12;grid-row:10 / 13;width:25rem;height:25rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.about__goo--3{grid-column:10/ 15;grid-row:11 / 15;width:55rem;height:55rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--3{grid-column:10/ 15;grid-row:11 / 15;width:55rem;height:55rem}}@media only screen and (min-width: 1920px){.about__goo--3{width:38rem;height:38rem}}@media only screen and (min-width: 2304px){.about__goo--3{width:46rem;height:46rem}}.about__goo--4{width:21rem;height:21rem;top:100%;right:10%;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:25s floating 11s linear infinite;animation:25s floating 11s linear infinite}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__goo--4{width:12rem;height:12rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--4{width:32rem;height:32rem}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.about__goo--4{width:23rem;height:23rem}}@media only screen and (min-width: 1920px){.about__goo--4{width:25rem;height:25rem}}@media only screen and (min-width: 2304px){.about__goo--4{width:29rem;height:29rem}}.about__goo--5{width:18rem;height:18rem;-webkit-transform:scale(1);transform:scale(1);top:100%;left:20%;-webkit-animation:20s floating2 15s linear infinite;animation:20s floating2 15s linear infinite}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__goo--5{width:10rem;height:10rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--5{width:45rem;height:45rem}}@media only screen and (min-width: 1920px){.about__goo--5{width:21rem;height:21rem}}@media only screen and (min-width: 2304px){.about__goo--5{width:24rem;height:24rem}}.about__goo--6{width:20rem;height:20rem;top:100%;left:10%;-webkit-animation:23s floating3 19s linear infinite;animation:23s floating3 19s linear infinite}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.about__goo--6{width:10rem;height:10rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.about__goo--6{width:38rem;height:38rem}}@media only screen and (min-width: 1920px){.about__goo--6{width:24rem;height:24rem}}@media only screen and (min-width: 2304px){.about__goo--6{width:28rem;height:28rem}}.projects{grid-row:1 / -1;grid-column:1/-1;display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr;grid-template-columns:1fr 1.558% repeat(11, 5.621%) 1.558% 1fr;gap:2.5rem;position:relative}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects{gap:1rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}.projects__sml{grid-row:5/9;grid-column:9/16;width:100%;height:100%;position:absolute;z-index:2700;display:grid;opacity:0;grid-template-columns:repeat(7, 12.1247%);grid-template-rows:repeat(3, 23.06%);justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-animation:.2s appear 23s ease-in forwards;animation:.2s appear 23s ease-in forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__sml{grid-column:8/11;grid-row:8/10;-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__sml{-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__sml{grid-column:8/11;grid-row:8/10;-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__sml{grid-column:8/12;grid-row:8/10;-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__sml{grid-column:7/12;grid-row:8/10;-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__sml{grid-row:8/10;-webkit-animation:.2s appear 5.5s ease-in forwards;animation:.2s appear 5.5s ease-in forwards;grid-column:7/12;grid-row:4/8}}.projects__checkbox{display:none}.projects__menubox{grid-column:3 / 6;position:relative;grid-row:1/-1;height:10rem;width:10rem;display:grid;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__menubox{height:15rem;width:15rem}}.projects__menu{height:9.5rem;width:9.5rem;font-size:2.6rem;position:absolute;background-color:transparent;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3500;border:none}.projects__menu--card{grid-row:1/-1;grid-column:1/-1;-webkit-transition:.3s all linear;transition:.3s all linear;z-index:3600;-webkit-box-pack:center;justify-content:center;align-content:center;background-color:transparent;height:9.5rem;width:9.5rem;font-size:2.6rem;-webkit-transition:all .2s;transition:all .2s;-webkit-animation:3s blackBackground 24s linear forwards;animation:3s blackBackground 24s linear forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__menu--card{height:4.5rem;width:4.5rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__menu--card{height:4.5rem;width:4.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__menu--card{height:6.5rem;width:6.5rem}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__menu--card{height:5rem;width:5rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__menu--card{height:10rem;width:10rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__menu--card{height:11rem;width:11rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__menu--card{height:15rem;width:15rem}}@media only screen and (min-width: 2304px){.projects__menu--card{height:11rem;width:11rem}}.projects__menu--front{pointer-events:none;-webkit-animation:.3s pointerOn 23.5s ease-in forwards;animation:.3s pointerOn 23.5s ease-in forwards}.projects__menu--back{width:7.5rem;height:7.5rem}.projects__menu--back>svg{fill:#faeeb8}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__menu--back{height:6rem;width:6rem}}@media only screen and (min-width: 2304px){.projects__menu--back{height:12rem;width:12rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__menu--back{height:6rem;width:6rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__menu--back{height:6rem;width:6rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__menu--back{height:10rem;width:10rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__menu--back{height:13rem;width:13rem}}.projects__menu:hover>.projects__menu--back{background:#06b306}.projects__menu--top,.projects__menu--bottom{position:absolute;z-index:3700;color:inherit;-webkit-transition:.2s all  linear backwards;transition:.2s all  linear backwards;-webkit-transform:rotate3d(1, 0, 0, 90deg);transform:rotate3d(1, 0, 0, 90deg);color:#fffef8;-webkit-animation:.3s insideEye 23.5s ease-in forwards;animation:.3s insideEye 23.5s ease-in forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:1.2rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:1.2rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:2rem}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__menu--top,.projects__menu--bottom{font-size:1.5rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:2.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:3.5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__menu--top,.projects__menu--bottom{-webkit-animation:.3s insideEye 5.5s ease-in forwards;animation:.3s insideEye 5.5s ease-in forwards;font-size:3.7rem}}@media only screen and (min-width: 1920px){.projects__menu--top,.projects__menu--bottom{font-size:3rem}}@media only screen and (min-width: 2304px){.projects__menu--top,.projects__menu--bottom{font-size:3.5rem}}.projects__menu--top{align-self:end}.projects__menu--bottom{align-self:start}.projects__menu--icon{fill:#fffef8}.projects__menu:hover>.projects__menu--front{border:5px #fffef8 solid;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.projects__menu:hover .projects__menu--icon{-webkit-transform:translateX(0);transform:translateX(0)}.projects__icon{position:absolute;grid-row:1/-1;grid-column:1/-1;fill:black;-webkit-transition:all .2s linear;transition:all .2s linear}.projects__icon--eye{z-index:2750;width:15.5rem;height:15.5rem;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(2.5) rotate3d(1, 0, 0, 90deg);transform:scale(2.5) rotate3d(1, 0, 0, 90deg);-webkit-animation:.3s openingEye 23.5s ease-in forwards;animation:.3s openingEye 23.5s ease-in forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__icon--eye{width:4.5rem;height:4.5rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__icon--eye{width:4.5rem;height:4.5rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__icon--eye{width:6rem;height:6rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__icon--eye{width:6.5rem;height:6.5rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__icon--eye{width:10rem;height:10rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__icon--eye{width:12rem;height:12rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__icon--eye{width:18rem;height:18rem;-webkit-animation:.3s openingEye 5.5s ease-in forwards;animation:.3s openingEye 5.5s ease-in forwards}}@media only screen and (min-width: 2304px){.projects__icon--eye{width:22rem;height:22rem}}.projects__background{position:absolute;opacity:0;height:500rem;width:500rem;border-radius:50%;-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-transform:scale(0);transform:scale(0);grid-column:4 / 5;grid-row:2/3;z-index:3300;background-color:#faeeb8}.projects__checkbox:checked ~ .projects__background{opacity:1;-webkit-transform:scale(2);transform:scale(2)}.projects__checkbox:checked+.projects__menu{-webkit-animation:.2s shikaku .2s linear forwards;animation:.2s shikaku .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.projects__checkbox:checked+.projects__menu .projects__menu--front{-webkit-animation:.2s zoomingOut .2s linear forwards;animation:.2s zoomingOut .2s linear forwards}.projects__checkbox:checked+.projects__menu>.projects__menu--back{-webkit-animation:.1s zoomingIn .2s linear forwards;animation:.1s zoomingIn .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.projects__checkbox:checked ~ .projects__nav{opacity:1;width:100%}.projects__checkbox:checked+.projects__menu{height:6rem;width:6rem}.projects__card{position:relative;z-index:4000;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);height:22rem;width:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card{height:10rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card{height:6rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card{height:16rem}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__card{height:9rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card{height:25rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card{height:28rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card{height:42rem}}@media only screen and (min-width: 1920px){.projects__card{height:30rem}}@media only screen and (min-width: 2304px){.projects__card{height:40rem}}@media only screen and (min-width: 1920px){.projects__card h5{font-size:2.5rem}}.projects__card>*{position:absolute;margin:0;padding:0;height:100%;width:100%;border-width:3px;border-style:solid;z-index:4500}.projects__card--front{-webkit-transform:rotateX(0);transform:rotateX(0);background-color:#fffef8;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transform-origin:50% 50% -11rem;transform-origin:50% 50% -11rem;display:grid;grid-template-columns:22.52% 1fr 22.52%;grid-template-rows:13.63% repeat(2, 36.37%) 13.63%;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--front{-webkit-transform-origin:50% 50% -5rem;transform-origin:50% 50% -5rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--front{grid-template-rows:10% repeat(2, 40%) 10%;-webkit-transform-origin:50% 50% -3rem;transform-origin:50% 50% -3rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--front{-webkit-transform-origin:50% 50% -8rem;transform-origin:50% 50% -8rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--front{-webkit-transform-origin:50% 50% -4.5rem;transform-origin:50% 50% -4.5rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--front{-webkit-transform-origin:50% 50% -12.5rem;transform-origin:50% 50% -12.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--front{-webkit-transform-origin:50% 50% -14rem;transform-origin:50% 50% -14rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--front{-webkit-transform-origin:50% 50% -21rem;transform-origin:50% 50% -21rem}}@media only screen and (min-width: 1920px){.projects__card--front{-webkit-transform-origin:50% 50% -15rem;transform-origin:50% 50% -15rem}}@media only screen and (min-width: 2304px){.projects__card--front{-webkit-transform-origin:50% 50% -20rem;transform-origin:50% 50% -20rem;grid-template-rows:20% repeat(2, 30%) 20%}}.projects__card--front svg,.projects__card--front>div{grid-column:2/3;grid-row:2/3;width:5rem;height:5rem;margin:0}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--front svg,.projects__card--front>div{width:3.5rem;height:3.5rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--front svg,.projects__card--front>div{width:2.5rem;height:2.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--front svg,.projects__card--front>div{width:3.5rem;height:3.5rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--front svg,.projects__card--front>div{width:5rem;height:5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--front svg,.projects__card--front>div{width:6rem;height:6rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--front svg,.projects__card--front>div{width:11rem;height:11rem}}@media only screen and (min-width: 1920px){.projects__card--front svg,.projects__card--front>div{width:8rem;height:8rem}}.projects__card--front h5{grid-column:2/3;grid-row:3/4;width:100%;text-align:center;text-transform:uppercase;font-family:"Manjari", sans-serif;letter-spacing:.2rem}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--front h5{font-size:1.1rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--front h5{font-size:1rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--front h5{font-size:1.7rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--front h5{font-size:1.8rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--front h5{font-size:2.5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--front h5{font-size:3.5rem}}@media only screen and (min-width: 2304px){.projects__card--front h5{font-size:2.8rem}}.projects__card--back{display:grid;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;align-content:center;height:22rem;grid-template-rows:10% [title-start] 15% [title-end] 1fr 1fr 1fr;grid-template-columns:7.5% 1fr 7.5%;gap:1rem;background-color:black;-webkit-transform:rotateX(85deg);transform:rotateX(85deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-transform-origin:50% 50% -12rem;transform-origin:50% 50% -12rem}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--back{height:10rem;-webkit-transform-origin:50% 50% -5.4rem;transform-origin:50% 50% -5.4rem;grid-template-rows:10% [title-start] 1fr [title-end] 1fr 10%}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back{height:6rem;-webkit-transform-origin:50% 50% -3.2rem;transform-origin:50% 50% -3.2rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--back{height:16rem;-webkit-transform-origin:50% 50% -8.6rem;transform-origin:50% 50% -8.6rem;grid-template-rows:10% [title-start] 1fr [title-end] 1fr 10%}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__card--back{height:9rem;-webkit-transform-origin:50% 50% -4.85rem;transform-origin:50% 50% -4.85rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--back{height:25rem;-webkit-transform-origin:50% 50% -13rem;transform-origin:50% 50% -13rem;grid-template-rows:10% [title-start] 15% [title-end] 1fr 1fr 1fr}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--back{height:28rem;-webkit-transform-origin:50% 50% -15rem;transform-origin:50% 50% -15rem;grid-template-rows:10% [title-start] 15% [title-end] 1fr 1fr 1fr}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--back{height:42rem;-webkit-transform-origin:50% 50% -22.8rem;transform-origin:50% 50% -22.8rem;grid-template-rows:10% [title-start] 15% [title-end] 1fr 1fr 10%}}@media only screen and (min-width: 1920px){.projects__card--back{height:30rem;-webkit-transform-origin:50% 50% -16.1rem;transform-origin:50% 50% -16.1rem}}@media only screen and (min-width: 2304px){.projects__card--back{height:40rem;-webkit-transform-origin:50% 50% -21.8rem;transform-origin:50% 50% -21.8rem}}.projects__card--back>*{margin:0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.projects__card--back h5{grid-row:2/3;grid-column:2/3;align-self:end;text-transform:capitalize;padding-top:2rem;border-bottom-style:solid;border-bottom-width:.5px}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--back h5{font-size:1.1rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back h5{font-size:1rem;display:none}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--back h5{font-size:2rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--back h5{font-size:2rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--back h5{font-size:2.3rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--back h5{font-size:3.5rem}}@media only screen and (min-width: 2304px){.projects__card--back h5{font-size:3.3rem}}.projects__card--back p{grid-column:2/3;grid-row:3/4;text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-weight:400;font-size:1.5rem;line-height:2.2rem}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--back p{display:none}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back p{display:none}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card--back p{display:none}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card--back p{display:block}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--back p{font-size:1.7rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--back p{font-size:2.5rem;line-height:3rem}}@media only screen and (min-width: 1920px){.projects__card--back p{font-size:2rem;line-height:2.5rem}}@media only screen and (min-width: 2304px){.projects__card--back p{font-size:2.8rem;line-height:3.5rem}}.projects__card--back a:link,.projects__card--back a:visited{-webkit-transition:all .2s;transition:all .2s;grid-column:2/3;grid-row:4/5;padding-bottom:3rem;text-decoration:none;font-weight:400;font-size:1.4rem;-webkit-transform:scale(1);transform:scale(1)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--back a:link,.projects__card--back a:visited{font-size:1rem;grid-row:3/4}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back a:link,.projects__card--back a:visited{font-size:1rem;grid-row:3/5}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back a:link,.projects__card--back a:visited{font-size:1.3rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--back a:link,.projects__card--back a:visited{font-size:1.7rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--back a:link,.projects__card--back a:visited{font-size:2rem;padding-bottom:0}}@media only screen and (min-width: 1920px){.projects__card--back a:link,.projects__card--back a:visited{font-size:1.9rem}}@media only screen and (min-width: 2304px){.projects__card--back a:link,.projects__card--back a:visited{font-size:2.5rem}}.projects__card--back a:hover,.projects__card--back a:focus{font-weight:400;font-size:1.5rem;-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card--back a:hover,.projects__card--back a:focus{font-size:1.1rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back a:hover,.projects__card--back a:focus{font-size:1.1rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card--back a:hover,.projects__card--back a:focus{font-size:1.4rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card--back a:hover,.projects__card--back a:focus{font-size:1.8rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card--back a:hover,.projects__card--back a:focus{font-size:2.2rem}}@media only screen and (min-width: 1920px){.projects__card--back a:hover,.projects__card--back a:focus{font-size:2.2rem}}@media only screen and (min-width: 2304px){.projects__card--back a:hover,.projects__card--back a:focus{font-size:2.8rem}}.projects__card:hover .projects__card--back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.projects__card:hover .projects__card--front{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.projects__card-1{grid-row:6/9;grid-column:4/7}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-1{grid-row:3/5;grid-column:3/6}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-1{grid-row:6/8;grid-column:4/7}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-1{grid-row:3/5;grid-column:3/6}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-1{grid-row:3/5;grid-column:2/6}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-1{grid-row:3/5;grid-column:2/6}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-1{grid-row:3/5;grid-column:2/6}}.projects__card-1--front{border-color:black}.projects__card-1--front svg{fill:#f00000}.projects__card-1--back{border-color:#fd714e}.projects__card-1--back h5{border-color:rgba(253,113,78,0.5)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-1--back h5{grid-row:2/3}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-1--back h5{grid-row:2/4;display:unset}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-1--back h5{grid-row:2/3}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-1--back h5{grid-row:2/3}}.projects__card-1--back>*{background:-webkit-linear-gradient(to top, #fd714e, #fff7e2);background-image:-webkit-gradient(linear, left bottom, left top, from(#fd714e), to(#fff7e2));background-image:linear-gradient(to top, #fd714e, #fff7e2)}.projects__card-1--back .p-title{grid-row:3/4}.projects__card-1--back .p-sub{grid-row:4/5}.projects__card-2{grid-row:6/9;grid-column:7/10}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-2{grid-row:3/5;grid-column:7/10}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-2{grid-row:6/8;grid-column:7/10}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-2{grid-row:3/5;grid-column:7/10}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-2{grid-row:3/5;grid-column:7/11}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-2{grid-row:3/5;grid-column:7/11}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-2{grid-row:3/5;grid-column:7/11}}.projects__card-2 svg{fill:#6e6b05}.projects__card-2--back{border-color:#6e6b05}.projects__card-2--back h5{border-color:rgba(255,212,82,0.5)}.projects__card-2--back>*{background:-webkit-linear-gradient(to bottom, #d2cee2, #ffd452);background-image:-webkit-gradient(linear, left top, left bottom, from(#d2cee2), to(#ffd452));background-image:linear-gradient(to bottom, #d2cee2, #ffd452)}.projects__card-3{grid-row:6/9;grid-column:10/13}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-3{grid-row:6/8;grid-column:3/6}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-3{grid-row:6/8;grid-column:10/13}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-3{grid-row:6/8;grid-column:3/6}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-3{grid-row:6/8;grid-column:2/6}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-3{grid-row:6/8;grid-column:2/6}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-3{grid-row:6/8;grid-column:2/6}}.projects__card-3 svg{fill:#920707}.projects__card-3--back{border-color:#920707}.projects__card-3--back h5{border-color:rgba(146,7,7,0.5)}.projects__card-3--back>*{background:-webkit-linear-gradient(to bottom, #fffbd5, #ce0b32);background-image:-webkit-gradient(linear, left top, left bottom, from(#fffbd5), to(#ce0b32));background-image:linear-gradient(to bottom, #fffbd5, #ce0b32)}.projects__card-4{grid-row:9/12;grid-column:4/7}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-4{grid-row:6/8;grid-column:7/10}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-4{grid-row:8/10}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-4{grid-row:6/8;grid-column:7/10}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__card-4{grid-row:9/12}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-4{grid-row:6/8;grid-column:7/11}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-4{grid-row:6/8;grid-column:7/11}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-4{grid-row:6/8;grid-column:7/11}}.projects__card-4 svg{fill:darkcyan}.projects__card-4--back{border-color:darkcyan}.projects__card-4--back h5{border-color:rgba(0,217,251,0.5)}.projects__card-4--back>*{background:-webkit-linear-gradient(to top, #00d9fb 0%, #12f7a7 100%);background-image:-webkit-gradient(linear, left bottom, left top, from(#00d9fb), to(#12f7a7));background-image:linear-gradient(to top, #00d9fb 0%, #12f7a7 100%)}.projects__card-5{grid-row:9/12;grid-column:7/10}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-5{grid-row:9/11;grid-column:3/6}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-5{grid-row:8/10}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-5{grid-row:9/11;grid-column:3/6}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__card-5{grid-row:9/12}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-5{grid-row:9/11;grid-column:2/6}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-5{grid-row:9/11;grid-column:2/6}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-5{grid-row:9/11;grid-column:2/6}}.projects__card-5 svg{fill:#ff9100}.projects__card-5--back{border-color:#ff9100}.projects__card-5--back h5{border-color:rgba(255,145,0,0.5)}.projects__card-5--back>*{background:-webkit-linear-gradient(to bottom, #ff9100, #b6fc9a);background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9100), to(#b6fc9a));background-image:linear-gradient(to bottom, #ff9100, #b6fc9a)}.projects__card-6{grid-row:9/12;grid-column:10/13}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.projects__card-6{grid-row:9/11;grid-column:7/10}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.projects__card-6{grid-row:8/10}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.projects__card-6{grid-row:9/11;grid-column:7/10}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.projects__card-6{grid-row:9/12}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.projects__card-6{grid-row:9/11;grid-column:7/11}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.projects__card-6{grid-row:9/11;grid-column:7/11}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.projects__card-6{grid-row:9/11;grid-column:7/11}}.projects__card-6 svg{fill:#06b306}.projects__card-6--back{border-color:#06b306}.projects__card-6--back h5{border-color:rgba(153,249,134,0.5)}.projects__card-6--back>*{background:-webkit-linear-gradient(to top, #d3f5e2, #99f986);background-image:-webkit-gradient(linear, left bottom, left top, from(#d3f5e2), to(#99f986));background-image:linear-gradient(to top, #d3f5e2, #99f986)}.disappear{visibility:hidden}.scale1{-webkit-transform:scale(1);transform:scale(1);opacity:1}.showing{visibility:visible}.changeGrid{-webkit-animation:.2s movinRight ease-in-out forwards;animation:.2s movinRight ease-in-out forwards}.black{background-color:black;border-radius:2.8rem;-webkit-transform:scale(0.4);transform:scale(0.4)}.black__checkbox:checked ~ .black__background{opacity:1;-webkit-transform:scale(2);transform:scale(2)}.black__checkbox:checked+.black__menu{-webkit-animation:.2s shikaku .2s linear forwards;animation:.2s shikaku .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.black__checkbox:checked+.black__menu .black__menu--front{-webkit-animation:.2s zoomingOut .2s linear forwards;animation:.2s zoomingOut .2s linear forwards}.black__checkbox:checked+.black__menu>.black__menu--back{-webkit-animation:.1s zoomingIn .2s linear forwards;animation:.1s zoomingIn .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.zoon-out{-webkit-animation:.2s zoomingOut .2s linear forwards;animation:.2s zoomingOut .2s linear forwards}.zoom-in{-webkit-animation:.1s zoomingIn .2s linear forwards;animation:.1s zoomingIn .2s linear forwards}@-webkit-keyframes movinRight{100%{grid-row:3/4;grid-column:7/8}}@keyframes movinRight{100%{grid-row:3/4;grid-column:7/8}}.poppingup{-webkit-animation:.3s zoomingCard .5s ease-in-out forwards;animation:.3s zoomingCard .5s ease-in-out forwards}@-webkit-keyframes zoomingCard{0%{visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}5%{visibility:visible;-webkit-transform:scale(0);transform:scale(0)}100%{visibility:visible;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomingCard{0%{visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}5%{visibility:visible;-webkit-transform:scale(0);transform:scale(0)}100%{visibility:visible;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pointerOn{100%{pointer-events:auto}}@keyframes pointerOn{100%{pointer-events:auto}}.contact{grid-row:1 / -1;grid-column:1/-1;display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr;position:relative}.contact__checkbox{display:none}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact{gap:.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact{gap:1rem;grid-template-columns:1fr repeat(9, 7%) 1fr;grid-template-rows:1fr repeat(10, 6.432%) 1fr}}.contact__small{grid-row:10/13;grid-column:13/15;width:100%;height:100%;opacity:0;position:absolute;top:150%;left:0;justify-items:center;-webkit-box-align:center;align-items:center;-webkit-transform:translateY(-5rem);transform:translateY(-5rem);z-index:2700;display:grid;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;grid-template-columns:repeat(4, 25.28%);grid-template-rows:repeat(6, 18.4885%);-webkit-transition:all .2s linear;transition:all .2s linear;-webkit-animation:.2s appear 8s linear forwards, .3s slideUp 10s ease-in forwards;animation:.2s appear 8s linear forwards, .3s slideUp 10s ease-in forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__small{justify-items:end;grid-column:8/11;grid-row:11/13;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__small{grid-column:12/14;grid-row:11/13;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__small{grid-column:9/12;grid-row:12/14;justify-items:end;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards}}@media only screen and (min-width: 2304px){.contact__small{grid-row:10/12;-webkit-box-pack:center;justify-content:center;align-content:center}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__small{grid-column:9/12;grid-row:12/14;justify-items:end;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__small{grid-column:9/12;grid-row:12/14;justify-items:end;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;grid-column:7/12;grid-row:11/13;justify-items:center}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__small{grid-column:9/12;grid-row:12/14;justify-items:end;-webkit-animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;animation:.2s appear 5.5s linear forwards, .3s slideUp 5.5s ease-in forwards;grid-column:7/12;grid-row:10/13;justify-items:center}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.contact__small{grid-row:9/13}}.contact__menu{height:8.5rem;width:8.5rem;background-color:black;grid-row:1/4;grid-column:1/5;z-index:2900;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:.2s all linear;transition:.2s all linear}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__menu{grid-row:1/-1;height:7rem;width:7rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__menu{height:6.5rem;width:6.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__menu{grid-row:1/-1;height:10rem;width:10rem}}@media only screen and (min-width: 1920px){.contact__menu{height:12rem;width:12rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__menu{grid-row:1/-1;height:15rem;width:15rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__menu{grid-row:1/-1;height:20rem;width:20rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__menu{grid-row:1/-1;height:22rem;width:22rem}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.contact__menu{height:14rem;width:14rem}}@media only screen and (min-width: 2304px){.contact__menu{height:15rem;width:15rem}}.contact__menu--card{z-index:2900;height:8.5rem;width:8.5rem;background-color:black;-webkit-transition:.3s all linear;transition:.3s all linear;overflow:hidden;grid-column:1/-1;grid-row:1/-1;-webkit-animation:.3s appear 8s linear forwards;animation:.3s appear 8s linear forwards}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__menu--card{-webkit-animation:.3s appear 5.5s linear forwards;animation:.3s appear 5.5s linear forwards;font-size:1.5rem;height:7rem;width:7rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__menu--card{height:6.5rem;width:6.5rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__menu--card{-webkit-animation:.3s appear 5.5s linear forwards;animation:.3s appear 5.5s linear forwards;font-size:2rem;height:10rem;width:10rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__menu--card{-webkit-animation:.3s appear 5.5s linear forwards;animation:.3s appear 5.5s linear forwards;font-size:3rem;height:13rem;width:13rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__menu--card{-webkit-animation:.3s appear 5.5s linear forwards;animation:.3s appear 5.5s linear forwards;font-size:3.7rem;height:15rem;width:15rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__menu--card{-webkit-animation:.3s appear 5.5s linear forwards;animation:.3s appear 5.5s linear forwards;font-size:3.8rem;height:20rem;width:20rem}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.contact__menu--card{height:12rem;width:12rem;font-size:2.5rem}}@media only screen and (min-width: 1920px){.contact__menu--card{height:12rem;width:12rem;font-size:2.5rem}}@media only screen and (min-width: 2304px){.contact__menu--card{height:15rem;width:15rem}}.contact__menu:hover{border:5px #fffef8 solid;-webkit-transform-origin:center;transform-origin:center}.contact__menu:hover .contact__menu--icon{fill:#fffef8;-webkit-transform:translateX(0);transform:translateX(0)}.contact__menu:hover>.contact__menu--card{font-size:1.8rem}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__menu:hover>.contact__menu--card{font-size:1.6rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__menu:hover>.contact__menu--card{font-size:1.1rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__menu:hover>.contact__menu--card{font-size:1.7rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__menu:hover>.contact__menu--card{font-size:2.6rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__menu:hover>.contact__menu--card{font-size:3.6rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__menu:hover>.contact__menu--card{font-size:3.7rem}}@media only screen and (min-width: 1920px){.contact__menu:hover>.contact__menu--card{font-size:2.6rem}}@media only screen and (min-width: 2304px){.contact__menu:hover>.contact__menu--card{font-size:3.1rem}}.contact__menu--top,.contact__menu--bottom{z-index:2600}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__menu--top,.contact__menu--bottom{font-size:1.6rem}}@media only screen and (min-width: 1920px){.contact__menu--top,.contact__menu--bottom{font-size:2.5rem}}@media only screen and (min-width: 2304px){.contact__menu--top,.contact__menu--bottom{font-size:3rem}}.contact__menu--top{padding-top:2rem}@media only screen and (min-width: 1920px){.contact__menu--top::after{margin-top:1.5rem}}.contact__menu--bottom{padding-bottom:1rem}.contact__menu--icon{fill:#ff9c00}.contact__background{position:absolute;opacity:0;height:500rem;width:500rem;border-radius:50%;-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-transform:scale(0);transform:scale(0);z-index:2780;grid-row:1/4;background-image:radial-gradient(orange 0%, #f90 5%, #ff5e00 50%, red 100%);-webkit-animation:.3s appear 10.5s ease-in forwards;animation:.3s appear 10.5s ease-in forwards}.contact__content{position:absolute;grid-column:1 /14;grid-row:1/-1;display:grid;gap:1.5rem;grid-template-columns:1fr 1.558% repeat(12, 5.964%) 1.55% 1fr;grid-template-rows:1fr 2.0387% repeat(10, 6.432%) 2.0387% 1fr;justify-items:center;-webkit-box-align:center;align-items:center;top:0;left:0;z-index:2800;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;opacity:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content{grid-column:1 /11;grid-row:1/11}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content{grid-column:1 /12;grid-row:1/-1}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content{grid-column:1 /11;grid-row:1/11}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content{grid-column:1 /15;grid-row:1/12}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content{grid-column:1 /15;grid-row:1/10}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content{grid-column:1 /15;grid-row:1/11}}@media only screen and (min-width: 1920px){.contact__content h3{font-size:5rem}}@media only screen and (min-width: 2304px){.contact__content h3{font-size:5.5rem}}.contact__content--details>*{position:absolute;color:#fffef8}.contact__content--details{grid-column:4/11;grid-row:5/11;width:100%;height:100%;position:absolute;z-index:2800;display:grid;grid-template-columns:repeat(9, 10.001%);grid-template-rows:repeat(8, 12.5009%);justify-items:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;background-color:#faeeb8;-webkit-animation:10s blobbing2 .5s linear infinite;animation:10s blobbing2 .5s linear infinite}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--details{background-color:black;height:27rem;width:27rem;grid-template-columns:repeat(9, 7.8%);grid-template-rows:repeat(7, 11%);gap:1rem}.contact__content--details h4{font-size:1.7rem}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--details{background-color:black;grid-column:4/12;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:1rem}.contact__content--details h4{font-size:1.8rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--details{background-color:black;height:38rem;width:38rem;grid-column:2/13;grid-row:5/20;justify-self:start;grid-template-columns:repeat(9, 7.8%);grid-template-rows:repeat(7, 11%);gap:1rem}.contact__content--details h4{font-size:2.5rem}}@media only screen and (min-width: 667px) and (max-height: 414px) and (orientation: landscape){.contact__content--details{grid-column:4/13;grid-template-rows:repeat(7, 12.5009%)}.contact__content--details h4{font-size:2.2rem}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--details{background-color:black;height:55rem;width:55rem;grid-column:1/-1;grid-row:5/20;justify-self:center;grid-template-columns:repeat(10, 10%);grid-template-rows:repeat(7, 11%);gap:1rem}.contact__content--details h4{font-size:3.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--details{background-color:black;height:75rem;width:75rem;grid-column:1/-1;grid-row:5/20;justify-self:center;grid-template-columns:repeat(10, 10%);grid-template-rows:repeat(7, 11%);gap:1rem}.contact__content--details h4{font-size:5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--details{background-color:black;height:100rem;width:100rem;grid-column:1/-1;grid-row:5/20;justify-self:center;grid-template-columns:repeat(10, 10%);grid-template-rows:repeat(7, 11%);gap:1rem}.contact__content--details h4{font-size:5.5rem}}@media only screen and (min-width: 2304px){.contact__content--details{grid-column:3/11}}.contact__content--speech{grid-column:1 /-1;grid-row:1/-1;width:100%;height:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(300deg) translateY(5%) translateX(5%);transform:rotate(300deg) translateY(5%) translateX(5%);z-index:2850;fill:black}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--speech{fill:transparent}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--speech{display:none}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--speech{display:none}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--speech{display:none}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--speech{display:none}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--speech{display:none}}.contact__content--speech-2{fill:#faeeb8;width:115%;height:115%;-webkit-transform:rotate(0) translateY(0) translateX(0);transform:rotate(0) translateY(0) translateX(0)}.contact__content--title{grid-column:2/9;grid-row:2/3;z-index:2850;z-index:2900;color:#faeeb8}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--title{grid-column:1/10}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--title{grid-column:1/10;font-size:3rem}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--title{grid-column:1/10}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--title{grid-column:1/10;font-size:5.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--title{grid-column:1/10;font-size:5.5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--title{grid-column:1/10;font-size:7.5rem}}.contact__content--list{grid-column:2/9;display:grid;justify-items:center;-webkit-box-align:center;align-items:center;color:#faeeb8;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;gap:1rem;height:100%;max-width:70%;-webkit-transition:all .2s linear;transition:all .2s linear;z-index:3000}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--list{grid-column:1/10}}@media only screen and (min-width: 1920px){.contact__content--list{gap:2.2rem}}.contact__content--list:hover>svg{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:.2s jump .2s linear alternate 4;animation:.2s jump .2s linear alternate 4}.contact__content--list:hover>h4{color:#ff3c00;color:#a5ffef}.contact__content--name{grid-row:3/4}.contact__content--email{grid-row:4/5;width:70%}.contact__content--language{grid-row:5/6;width:70%}.contact__content--map{grid-row:6/7}.contact__content--icon{grid-column:1/2;fill:#ff3c00;fill:#2af1eb;width:2.5rem;height:2.5rem;z-index:2900}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--icon{width:3.5rem;height:3.5rem}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--icon{width:5rem;height:5rem}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--icon{width:5.5rem;height:5.5rem}}@media only screen and (min-width: 1920px){.contact__content--icon{width:4.5rem;height:4.5rem}}@media only screen and (min-width: 2304px){.contact__content--icon{width:5rem;height:5rem}}.contact__content h4{grid-column:2/3;margin:0}@media only screen and (min-width: 1920px){.contact__content h4{font-size:3.5rem}}@media only screen and (min-width: 2304px){.contact__content h4{font-size:4rem}}.contact__content--message{grid-column:10/16;grid-row:8/12;width:100%;height:100%;color:black;position:absolute;display:grid;grid-template-columns:repeat(auto-fill, 12.5%);z-index:2800;grid-template-rows:repeat(auto-fill, 20%);justify-items:center;-webkit-box-align:center;align-items:center;align-content:center;-webkit-box-pack:center;justify-content:center;z-index:2800;border-radius:62% 38% 65% 35% / 50% 49% 51% 50%;background-color:black;-webkit-animation:14s blobbing2 .7s linear infinite;animation:14s blobbing2 .7s linear infinite}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--message{-webkit-transform:scale(0);transform:scale(0)}}.contact__content--message h2{color:black;position:absolute;grid-column:2/8;grid-row:2/5;text-align:center;z-index:2900;color:black;font-size:3.7rem}@media only screen and (min-width: 1920px){.contact__content--message h2{font-size:5rem}}.contact__content--message-back{display:absolute;width:23rem;height:23rem;background-color:lightskyblue;background-color:#00ff7b;grid-column:2/8;grid-row:2/5;border-radius:62% 38% 65% 35%/50% 49% 51% 50%;background-image:radial-gradient(#00ff7b, #1c0575);z-index:2850;-webkit-animation:9s blobbing2 .7s linear infinite;animation:9s blobbing2 .7s linear infinite}@media only screen and (min-width: 1920px){.contact__content--message-back{width:34rem;height:34rem}}@media only screen and (min-width: 2304px){.contact__content--message-back{width:42rem;height:42rem}}.contact__content--job{position:absolute;grid-column:12/16;grid-row:4/9;width:42rem;height:100%;display:grid;justify-items:center;-webkit-box-align:center;align-items:center;z-index:2780;grid-template-columns:11.9%  1fr 11.9%;grid-template-rows:13.492% 21.587% 1fr 13.492%}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__content--job{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1920px){.contact__content--job{width:55rem;grid-row:4/8}}.contact__content--job>*{position:absolute}.contact__content--job h3{z-index:700;grid-row:2/3;grid-column:2/3;margin:0;font-size:3.5rem;color:#fffef8}@media only screen and (min-width: 1920px){.contact__content--job h3{font-size:5rem}}@media only screen and (min-width: 2304px){.contact__content--job h3{font-size:5.5rem}}.contact__content--positions{z-index:700;grid-row:3/4;grid-column:2/3;height:100%;width:80%;list-style:none;display:grid;justify-items:start;padding-left:0;padding-bottom:5rem}@media only screen and (min-width: 1920px){.contact__content--positions{padding-bottom:0}}@media only screen and (min-width: 2304px){.contact__content--positions{width:100%}}.contact__content--position{display:grid;grid-template-columns:19.813% -webkit-min-content 1fr;grid-template-columns:19.813% min-content 1fr;gap:1.5rem;-webkit-box-align:center;align-items:center;justify-items:start}@media only screen and (min-width: 2304px){.contact__content--position{gap:2.5rem}}.contact__content--position:hover>svg{cursor:auto;-webkit-animation:.5s shake .2s ease-in forwards;animation:.5s shake .2s ease-in forwards}.contact__content--position svg{grid-column:2/3;width:2rem;height:2rem;-webkit-transition:all .2s linear;transition:all .2s linear;fill:black}@media only screen and (min-width: 1920px){.contact__content--position svg{width:4.5rem;height:4.5rem}}.contact__content--position p{font-size:2.5rem;margin:0;grid-column:3/-1;color:#fffef8;font-weight:400}@media only screen and (min-width: 1920px){.contact__content--position p{font-size:3.5rem}}@media only screen and (min-width: 1920px){.contact__content--position p{font-size:4rem}}.contact__content--position:hover>p{color:black}.contact__content--clip{grid-row:1/-1;grid-column:1/-1;height:45rem;width:45rem;z-index:500;fill:none;align-self:end;-webkit-transform:rotateY(180deg) translateY(5%) translateX(-20%);transform:rotateY(180deg) translateY(5%) translateX(-20%)}.contact__checkbox:checked ~ .contact__background{opacity:1;-webkit-transform:scale(2);transform:scale(2)}.contact__checkbox:checked+.contact__menu{-webkit-animation:.2s shikaku .2s linear forwards;animation:.2s shikaku .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.contact__checkbox:checked+.contact__menu .contact__menu--front{-webkit-animation:.2s zoomingOut .2s linear forwards;animation:.2s zoomingOut .2s linear forwards}.contact__checkbox:checked+.contact__menu>.contact__menu--back{-webkit-animation:.1s zoomingIn .2s linear forwards;animation:.1s zoomingIn .2s linear forwards;-webkit-transform:scale(0.6);transform:scale(0.6)}.contact__icon--2{grid-row:3/6;grid-column:2/4;width:10rem;height:10rem;-webkit-transform:scale(0.5);transform:scale(0.5)}@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 360px) and (max-height: 823px) and (orientation: portrait){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 720px) and (max-height: 1334px) and (orientation: portrait){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 828px) and (max-height: 1920px) and (orientation: portrait){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (min-width: 1125px) and (max-height: 2688px) and (orientation: portrait){.contact__icon--2{-webkit-transform:scale(0);transform:scale(0)}}@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape){.contact__icon--2{grid-row:2/6;-webkit-transform:scale(0.8);transform:scale(0.8)}}@media only screen and (min-width: 1920px){.contact__icon--2{height:12rem;width:12rem}}@media only screen and (min-width: 2304px){.contact__icon--2{grid-row:4/6;height:16rem;width:16rem}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}40%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}80%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}40%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}80%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes jump{0%{-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}40%{-webkit-transform:translate3d(0, 10%, 0) scale3d(0.9, 1.2, 1);transform:translate3d(0, 10%, 0) scale3d(0.9, 1.2, 1)}100%{-webkit-transform:translate3d(0, 20%, 0) scale3d(1.2, 0.7, 1);transform:translate3d(0, 20%, 0) scale3d(1.2, 0.7, 1)}}@keyframes jump{0%{-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}40%{-webkit-transform:translate3d(0, 10%, 0) scale3d(0.9, 1.2, 1);transform:translate3d(0, 10%, 0) scale3d(0.9, 1.2, 1)}100%{-webkit-transform:translate3d(0, 20%, 0) scale3d(1.2, 0.7, 1);transform:translate3d(0, 20%, 0) scale3d(1.2, 0.7, 1)}}.appear{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.scaleBig{-webkit-transform:scale(80);transform:scale(80)}