@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;700&display=swap");.x-header{position:absolute;z-index:1;top:0;left:0}.main-container .x-first-tpg-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;height:100vh}@media screen and (min-width:768px){.main-container .x-first-tpg-container{padding:0 1%}}@media screen and (min-width:1024px){.main-container .x-first-tpg-container{padding:0 5%}}.main-container .x-first-tpg-container .x-first-tpg{display:flex;justify-content:center;align-items:center;height:500px;width:85%;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.main-container .x-first-tpg-container .x-first-tpg-heading{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;width:50%}.main-container .x-first-tpg-container .x-first-tpg-heading span{color:#4d18ff}.main-container .x-first-tpg-container .x-first-tpg-description{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:50%}.main-container .x-first-tpg-container .x-first-tpg-platform{display:flex;justify-content:center;align-items:center;width:600px;height:50px;justify-content:space-between}.main-container .x-first-tpg-container .x-first-tpg-platform-box{border-left:1px solid #2b00d4;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;padding-left:20px;height:100%;justify-content:space-between}.main-container .x-first-tpg-container .x-first-tpg-platform-box:first-of-type{width:50%}.main-container .x-first-tpg-container .x-first-tpg-platform-box:last-of-type{width:45%}.main-container .x-first-tpg-container .x-first-tpg-platform-box:last-of-type img{margin-left:1px}.main-container .x-first-tpg-container .x-first-tpg-platform-box-subname{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;font-size:10px;height:40%;line-height:10px}.main-container .x-first-tpg-container .x-first-tpg-platform-box-name{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;justify-content:space-between;align-items:flex-end;height:60%;line-height:15px}.main-container .x-first-tpg-container .x-first-tpg-platform-box-name img{width:auto;height:22px;margin-right:10px}.main-container .x-second-tpg-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:100rem;padding:0 10px;height:1000px}@media screen and (min-width:768px){.main-container .x-second-tpg-container{padding:0 1%}}@media screen and (min-width:1024px){.main-container .x-second-tpg-container{padding:0 5%}}.main-container .x-second-tpg-container .x-second-tpg{height:600px;width:100%;background:url(//orokastudio.com/wp-content/themes/oroka_studio/style/portfolio/tpg/../space.png);background:url(//orokastudio.com/wp-content/themes/oroka_studio/style/portfolio/tpg/../space.png),url(//orokastudio.com/wp-content/themes/oroka_studio/style/portfolio/tpg/../space.png),url(//orokastudio.com/wp-content/themes/oroka_studio/style/portfolio/tpg/../space.png);background-size:750px auto;animation:wind 20s linear infinite}@keyframes wind{0%{background-position:0 200px,0 300px,100px 250px}100%{background-position:1000px 200px,1200px 300px,1100px 250px}}.main-container .x-second-tpg-container .x-second-tpg.atvImg .atvImg-container{position:relative;width:100%;height:100%;border-radius:8px;transition:all .2s ease-out}.main-container .x-second-tpg-container .x-second-tpg.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer{position:absolute;background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:cover;transition:all .1s ease-out;overflow:hidden;border-radius:8px}.main-container .x-second-tpg-container .x-second-tpg.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer:first-of-type{z-index:3;width:380px;height:400px;top:-40px;right:660px}.main-container .x-second-tpg-container .x-second-tpg.atvImg .atvImg-container .atvImg-layers .atvImg-rendered-layer:last-of-type{width:860px;height:695px;top:-130px;right:60px}.main-container .x-thirst-tpg-container{width:100%;height:1400px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.main-container .x-thirst-tpg-container-row{display:flex;justify-content:center;align-items:center}.main-container .x-thirst-tpg-container-row-title{height:100%;width:50%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;align-items:flex-start;flex-direction:column}.main-container .x-thirst-tpg-container-row-title h3{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px}.main-container .x-thirst-tpg-container-row-title h3 span{font-weight:300;color:#4d18ff}.main-container .x-thirst-tpg-container-row-title p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-thirst-tpg-container-row:first-of-type{height:40%;width:80%;display:flex;justify-content:center;align-items:center;justify-content:flex-end}.main-container .x-thirst-tpg-container-row:last-of-type{height:60%;width:100%}.main-container .x-thirst-tpg-container-row-img{width:80%;height:auto;box-shadow:4px 4px 40px rgba(96,96,116,.14)}.main-container .x-four-tpg-container{width:100%;height:1400px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.main-container .x-four-tpg-container-row{display:flex;justify-content:center;align-items:center}.main-container .x-four-tpg-container-row-title{height:100%;width:50%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;align-items:flex-start;flex-direction:column}.main-container .x-four-tpg-container-row-title h3{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px}.main-container .x-four-tpg-container-row-title h3 span{font-weight:300;color:#4d18ff}.main-container .x-four-tpg-container-row-title p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-four-tpg-container-row:first-of-type{height:40%;width:80%;display:flex;justify-content:center;align-items:center;justify-content:flex-start}.main-container .x-four-tpg-container-row:last-of-type{height:60%;width:100%}.main-container .x-four-tpg-container-row-img{width:100%;height:auto}.main-container .x-five-tpg-container{width:100%;height:1400px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.main-container .x-five-tpg-container-row{display:flex;justify-content:center;align-items:center}.main-container .x-five-tpg-container-row-title{height:100%;width:50%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;align-items:flex-start;flex-direction:column}.main-container .x-five-tpg-container-row-title h3{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px}.main-container .x-five-tpg-container-row-title h3 span{font-weight:300;color:#4d18ff}.main-container .x-five-tpg-container-row-title p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-five-tpg-container-row:first-of-type{height:40%;width:80%;display:flex;justify-content:center;align-items:center;justify-content:flex-end}.main-container .x-five-tpg-container-row:last-of-type{height:60%;width:100%}.main-container .x-five-tpg-container-row-img{width:60%;height:auto;box-shadow:4px 4px 40px rgba(96,96,116,.14)}.main-container .x-six-tpg-container{width:100%;height:600px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.main-container .x-six-tpg-container-row{display:flex;justify-content:center;align-items:center}.main-container .x-six-tpg-container-row-img{display:flex;justify-content:center;align-items:center;width:10%;height:auto}.main-container .x-six-tpg-container-row-img img{border-radius:80px;box-shadow:4px 4px 40px rgba(96,96,116,.14)}.main-container .x-six-tpg-container-row-title{text-align:center;height:100%;width:700px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;align-items:flex-start}.main-container .x-six-tpg-container-row-title p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;width:65%}.main-container .x-six-tpg-container-row-title span{font-size:60px;color:#4d18ff}.main-container .x-six-tpg-container-row-title span:last-of-type{line-height:230px}.main-container .x-six-tpg-container-row-author{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-container .x-six-tpg-container-row-author h3{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-six-tpg-container-row-author p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-six-tpg-container-row-author p span{font-weight:700}.main-container .x-six-tpg-container-row:first-of-type{height:10%;width:80%;display:flex;justify-content:center;align-items:center}.main-container .x-six-tpg-container-row:nth-of-type(2){display:flex;justify-content:center;align-items:center;height:15%;width:80%}.main-container .x-six-tpg-container-row:last-of-type{display:flex;justify-content:center;align-items:center;height:10%;width:80%}.main-container .x-seven-tpg-container{width:100%;height:1400px;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.main-container .x-seven-tpg-container-row{display:flex;justify-content:center;align-items:center}.main-container .x-seven-tpg-container-row-title{height:100%;width:50%;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;align-items:flex-start;flex-direction:column}.main-container .x-seven-tpg-container-row-title h3{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px}.main-container .x-seven-tpg-container-row-title h3 span{font-weight:300;color:#4d18ff}.main-container .x-seven-tpg-container-row-title p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px}.main-container .x-seven-tpg-container-row:first-of-type{height:40%;width:80%;display:flex;justify-content:center;align-items:center;justify-content:flex-end}.main-container .x-seven-tpg-container-row:last-of-type{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;height:55%;width:80%}.main-container .x-seven-tpg-container-row-typo{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;justify-content:space-evenly;height:40%}.main-container .x-seven-tpg-container-row-typo-title{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-size:20px;text-align:left}.main-container .x-seven-tpg-container-row-typo-content{display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%}.main-container .x-seven-tpg-container-row-typo-content-col{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:normal;justify-content:space-between;width:48%}.main-container .x-seven-tpg-container-row-typo-content-col-sub{display:flex;justify-content:center;align-items:center;justify-content:space-between}.main-container .x-seven-tpg-container-row-typo-content-col p{padding-left:30px;width:700px;border-left:4px solid #2b00d4;font-family:"Lexend";font-weight:500;line-height:30px;font-size:1rem;word-spacing:1px;padding-left:0;width:auto;border-left:0;font-size:16px;font-family:"Josefin Sans";font-weight:700;font-size:16px}.main-container .x-seven-tpg-container-row-typo-content-col p:first-of-type{width:70%}.main-container .x-seven-tpg-container-row-typo-content-col p:last-of-type{width:25%}.main-container .x-seven-tpg-container-row-typo-content-col:last-of-type p{font-family:"Lexend"}.main-container .x-seven-tpg-container-row-typo-content-col:last-of-type .x-seven-tpg-container-row-typo-content-col-sub p{font-weight:400}.main-container .x-seven-tpg-container-row-img{display:flex;justify-content:center;align-items:center;width:100%;height:45%;justify-content:space-between}.main-container .x-seven-tpg-container-row-img-col{height:90%;width:48%;display:flex;flex-direction:column;justify-content:space-evenly}.main-container .x-seven-tpg-container-row-img-col-title{font-family:"Lexend";font-weight:800;font-size:3rem;text-transform:uppercase;line-height:65px;font-size:20px;text-align:left}.main-container .x-seven-tpg-container-row-img-col-color{display:flex;justify-content:center;align-items:center;justify-content:flex-start}.main-container .x-seven-tpg-container-row-img-col-color img{width:30%;height:auto;margin-left:-40px}