@import url(https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@600;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Poiret+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242e34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.right{align-items:center;background-color:#403944;display:flex;justify-content:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:left center;transform-origin:left center}.left,.right{height:100vh;width:50vw}.left{background-color:#f0874d;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transform-origin:left center;transform-origin:left center}.mainconpn{display:flex;flex-direction:row;position:relative}.imagecon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.image{-webkit-animation:slide-up-anim 1s ease-in-out forwards;animation:slide-up-anim 1s ease-in-out forwards;opacity:0;width:600px}.nameofnin{-webkit-animation:opacityanimation 1s ease-in-out forwards;animation:opacityanimation 1s ease-in-out forwards;color:#fff;font-family:Lexend Peta,sans-serif;font-size:90px;font-weight:700}.portNincon{overflow:hidden;position:relative}.namecon{left:50%;position:absolute;top:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.boxtxt{color:#fff;font-family:Outfit,sans-serif;font-size:20px;width:30vw}@-webkit-keyframes slide-up-anim{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up-anim{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes opacityanimation{0%{opacity:0}to{opacity:1}}@keyframes opacityanimation{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.image{width:300px}.nameofnin{font-size:40px}.left,.right{height:50vh}.boxtxt{color:#fff;display:none;font-family:Outfit,sans-serif;font-size:10px;width:30vw}}.logoiimg{width:60px}.Portfoliocon{width:100%}.leftio,.rightio{height:80vh;width:50vw}.leftio{align-items:center;display:flex;justify-content:center}.headimg{-webkit-animation:slide-up-animation 1s ease-in-out forwards;animation:slide-up-animation 1s ease-in-out forwards;width:15vw}.jpname{font-family:"Noto Serif JP",serif}.hdes,.jpname{color:#fff;font-size:30px}.hdes{font-weight:1000;width:30vw}.hdes,.hdesmall{font-family:Outfit,sans-serif}.hdesmall{color:#fff;font-size:15px;width:35vw}.btnstart{border:none;font-family:Outfit,sans-serif;padding:15px}.headcontent{align-items:center}.headcontent,.headerin{display:flex;justify-content:center}.headerin{flex-direction:column;height:70vh}@-webkit-keyframes slide-up-animation{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-up-animation{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:600px){.hdesmall{font-size:10px}.hdes{font-size:15px}.hdes,.headimg{width:50vw}}.APIredcon{flex-direction:row;font-family:Outfit,sans-serif;justify-content:center;position:relative;width:100%}.APIredcon,.ARright{align-items:center;display:flex}.ARright{flex-direction:column;height:80vh;justify-content:space-evenly;width:50vw}.ARleft{background-color:red;width:50vw}.tagtxt{color:#fff;font-size:15px}.tagcon{background-color:grey;border-radius:5px;font-family:Outfit,sans-serif;padding-left:5px;padding-right:5px;width:-webkit-max-content;width:max-content}.ahead{margin-top:-30px}.aheadtxt{color:#fff;font-size:35px;font-weight:400}.aheaddes{color:grey;font-weight:300;margin-top:-30px;width:30vw}.exbtntxt,.genkey{color:#fff}.genkey{width:30vw}.gendes{color:grey;font-weight:300}.NavDeskcon{align-items:center;display:flex;height:10vh;justify-content:space-between;width:100%}.logo{width:50px}.title{display:flex;flex-direction:row;margin-left:20px}.titletxt{color:#fff;font-family:"Noto Serif JP",serif;font-family:Outfit}.options{display:flex;flex-direction:row}.profilepic{border-radius:50px;height:30px;width:30px}.desktopnav{display:flex}.mobilenav{display:none}.ANcon{background-color:#3f484f;height:100vh;overflow:scroll;width:20vw}.ANcon::-webkit-scrollbar{background-color:#f0f8ff;width:8px}.ANcon::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ANcon::-webkit-scrollbar{display:none}.ANcon::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}@media (max-width:600px){.ANcon{height:100%;transition:.3s ease-in-out;width:0}.open{width:60vw}.close,.open{position:fixed}.close{width:0}}.conenttxt{color:#fff;font-family:Outfit,sans-serif;font-size:15px;margin:0 0 0 10px}.contenthead{color:grey;font-family:Outfit,sans-serif;font-weight:700}.contenthead,.contenttxtcon{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:15px;margin-right:15px}.contenttxtcon{padding-bottom:10px;padding-top:10px;text-decoration:none}.contenttxtcon.selected{background-color:#303b42;border-radius:5px}.contenttxtcon:-ms-keyboard-active{background-color:red}@media (max-width:600px){.contenttxtcon{width:50vw}}.card{background-color:#303b42;border-radius:5px;height:-webkit-max-content;height:max-content;margin-top:10px}.Querycon,.card{color:#fff;font-family:Outfit,sans-serif;width:45vw}.Querycon{height:100vh;padding-left:10px}.Queryheadtxt{font-family:Outfit,sans-serif;font-size:30px}.trinav{display:none}.callscon{flex-direction:row;justify-content:space-between}.callscon,.descriptioncon{align-items:center;display:flex;padding-left:10px;padding-right:10px}.descriptioncon{border-top:1px solid grey}.description{color:grey;font-size:12px;font-weight:300}.url{font-size:14px}.input{background-color:#3d5165;border:none;border-radius:5px;font-family:Outfit,sans-serif;height:30px;padding-left:10px;width:100px}.navigationcon{justify-content:space-between;width:40vw}.navigationcon,.navigationfb{display:flex;flex-direction:row}.navigationfb{align-items:center}@media (max-width:600px){.Querycon{height:-webkit-max-content;height:max-content;overflow:hidden;width:100vw}.card{width:95%}.card,.navigationcon{margin:0}.trinav{display:flex}}.codepartcon{color:#fff;font-family:Outfit,sans-serif;height:100vh;padding-left:30px;width:30vw}.codepartcon,.language{background-color:#242e34}.language{align-items:center;border:2px solid grey;border-radius:5px;display:flex;height:50px;justify-content:center;margin-right:10px;width:70px}.languages{display:flex;flex-direction:row}.headertxt{font-size:14px;margin-right:20px}.headercon{justify-content:space-between;width:30vw}.headercon,.keycon{display:flex;flex-direction:row}.keyticon{align-items:center;background-color:#303b42;border-bottom-left-radius:5px;border-top-left-radius:5px;display:flex;height:40px;justify-content:center;width:70px}.keyti{font-size:13px}.key{background-color:#303b42;border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;height:38px;padding-left:15px;width:20vw}.infokeytxt{font-size:13px}.code-container{padding:10px}.codetag{overflow:scroll}.code-container code{font-family:Consolas,monospace;font-size:14px;overflow:scroll;width:30px}.code-container{display:flex;overflow:scroll;width:25vw}.code-container::-webkit-scrollbar{display:none}@media (max-width:600px){.codepartcon{height:-webkit-max-content;height:max-content;margin-left:10px;overflow:scroll;padding-left:0;width:100vw}.headercon{width:80vw}.key{width:75vw}.code-container{display:flex;overflow:scroll;width:90vw}}.forresponse{display:flex;flex-direction:row}@media (max-width:600px){.forresponse{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.98307a0a.css.map*/