body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-layout{display:grid;grid-template-columns:16px 1fr 16px}.main-layout>*{grid-column:2}.main-layout>.full{grid-column:1/-1}@media(min-width:1300px){.main-layout{grid-template-columns:minmax(16px,1fr) minmax(auto,1300px) minmax(16px,1fr)}}@media(min-width:1600px){.main-layout{grid-template-columns:minmax(16px,1fr) minmax(auto,1600px) minmax(16px,1fr)}}@media(min-width:2200px){.main-layout{grid-template-columns:minmax(16px,1fr) minmax(auto,2200px) minmax(16px,1fr)}}body{margin:0;overflow-x:hidden}img{max-width:100%}.app-header{background-color:#000;color:#f5f5f5;grid-column:1/-1;width:100%}.app-header .sub-header{align-items:center;display:flex;justify-content:space-between}.app-header .sub-header nav>:not(:last-child){-webkit-margin-end:10px;margin-inline-end:10px}.app-header a{color:#a6a6a6}.app-header a,.app-header a:hover{font-size:20px;text-decoration:none;transition:opacity .1s ease-in-out}.app-header a:hover{color:hsla(0,0%,99%,.792);transition-delay:0s;transition-duration:.1s;transition-property:opacity;transition-timing-function:ease-in-out}.type-writer{font-family:monospace;font-size:40px;margin-left:16px;margin-top:50px}.spline-main,.type-writer{display:flex;justify-content:center}.spline-main{align-items:center;margin-top:170px}.spline-main .spline{bottom:0;left:100px;right:0;top:0;z-index:1}.home-page,.home-page-container{display:flex;flex-direction:column}.home-page-container{align-items:center;justify-content:center;z-index:100}.home-page-container img{background-color:#fff;color:#00008b;max-width:100%;opacity:.08}.about-page{bottom:60%;font-size:25px;line-height:1.4;position:absolute;width:700px;z-index:100}.loader-container{align-items:center;left:55%;position:absolute;top:56%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader-container,.video-intro{display:flex;justify-content:center}.video-intro{margin-top:160px}.storyai-home-desktop{border:1px solid hsla(0,0%,42%,.455);border-radius:10px;box-shadow:1px 0 14px 1px hsla(0,0%,100%,.204);display:none;display:flex;font-size:11px;justify-content:center;left:50%;position:absolute;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background-color .2s ease-in-out;width:222px;z-index:100}.storyai-home-desktop a{color:hsla(0,0%,100%,.705);text-decoration:none}.storyai-home-desktop:hover{background-color:rgba(64,65,79,.278);cursor:pointer}.storyai-home{display:none}@media(max-width:900px){.text-input-area{width:20%}.chat-input-holder{width:700px}.video-intro video{width:300px}.chatbox .my-button{align-items:center;display:flex;justify-content:center;margin-right:-10px}}@media(max-width:420px){.storyai-home-desktop{display:none}.storyai-home{border:1px solid hsla(0,0%,42%,.455);border-radius:10px;box-shadow:1px 0 14px 1px hsla(0,0%,100%,.204);display:flex;font-size:13px;justify-content:center;left:50%;position:absolute;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background-color .2s ease-in-out;width:222px}.storyai-home a{color:hsla(0,0%,100%,.705);text-decoration:none}.storyai-home:hover{background-color:rgba(64,65,79,.278);cursor:pointer}.delle-img{display:flex;height:258px;justify-content:center;margin-left:-28px}.delle-img .chat-log .the-story-main{display:flex;flex-direction:column-reverse;gap:2px}.delle-img .chat-log .story-text{font-size:20px;width:358px}.delle-img .the-story-img{height:222px}.delle-img .the-story-img img{border-radius:10px;border-radius:20px;margin-left:-24px;margin-inline:-13px;margin-top:-9px;max-width:48%}.delle-img .box{margin-left:-130px}.headeline{display:flex;flex-direction:column;width:350px}.headeline span{font-size:20px;margin-right:15px}.main-layout{overflow:hidden}.home-page{max-width:298px}.type-writer{font-size:30px;max-width:300px}.chat-input-holder{padding:12px;width:300px}.spline-main{align-items:center;display:flex;display:none;justify-content:center}.spline-main .spline{margin-left:-49px;margin-top:286px;position:absolute}.video-intro video{width:300px}.chatbox{max-width:400px}.chatbox .my-button{align-items:center;display:flex;justify-content:center;margin-right:-10px}.text-input-area::-webkit-input-placeholder{background-color:#40414f;display:flex;font-size:18px;margin-top:4px;text-align:center}.text-input-area::placeholder{background-color:#40414f;display:flex;font-size:18px;margin-top:4px;text-align:center}}.delle-img{align-items:center;display:flex;justify-content:center;width:692px}.delle-img .the-story-img img{border-radius:10px;width:520px}.delle-img form input{opacity:0}.the-story-main{flex-direction:row;gap:172px;margin-left:-88px;margin-top:50px}.story-img{min-width:512px}.story-text{font-size:33px;margin-left:94px;padding:37px}.headeline,.story-text{align-items:center;display:flex}.headeline{flex-direction:column;font-family:monospace;font-size:30px;justify-content:center;margin-top:25px}.headeline .example{color:gray;font-size:20px;margin-top:20px}.side-bar-hamburger button{color:#fff;display:none}.sub-header-section{display:flex;gap:20px;justify-content:center}.side-bar-navigations{display:flex;flex-direction:column;gap:50px;margin-left:20px;padding-top:40px}.side-bar-navigations a{color:#000;font-family:monospace;font-size:22px;text-decoration:none}.side-bar-navigations:hover a{color:#4c4c4c;cursor:pointer;text-decoration:none}@media(max-width:420px){.side-bar-hamburger button{color:#fff;display:block;margin-right:-40px}.sub-header-section{display:none}}.the-story-main-container{align-items:center;display:flex;flex-direction:row;gap:120px;margin-left:-96px;margin-top:50px}.story-img-container{margin-right:122px;min-width:512px}img{border-radius:20px;margin-top:0;object-fit:fill}.story-text-container{align-items:center;display:flex;font-size:25px}@media(max-width:420px){.loader-container{align-items:center;display:flex;justify-content:center;left:80%;position:absolute;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.the-story-main-container{align-items:stretch;display:flex;flex-direction:column-reverse;gap:15px;margin-left:-6px;margin-top:25px}.story-text-container{font-size:16px;width:348px}.story-img-container{min-width:212px;object-fit:contain}.story-img-container img{border-radius:30px;margin-left:31px;margin-top:-36px;width:47%}.story-img-container form{display:none}}.material-icons{font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400}html{background-color:#000}::-webkit-scrollbar{background-color:#353442;width:7px}::-webkit-scrollbar-thumb{background-color:hsla(0,2%,55%,.439);border-radius:10px;z-index:-1}.App-contianer{background-color:#000;color:#fff}.App-contianer .app-header{background-color:#000;margin-bottom:15px;width:100%}.App-contianer .app-header img{height:80px}.App-contianer .app-header .sub-header{align-items:center;display:flex;justify-content:space-between}.App-contianer .app-header .sub-header nav{margin-right:30px}.App-contianer .app-header .sub-header nav>:not(:last-child){-webkit-margin-end:15px;margin-inline-end:15px}.App-contianer .app-header .sub-header nav{align-items:center;display:flex;justify-content:center}.App-contianer .app-header .sub-header h1{margin-left:20px}.App-contianer .models{text-align:center}.App-contianer .chatbox{align-items:stretch;display:flex;flex-direction:column}.App-contianer .side-menu-btn{align-items:center;border-radius:5px;display:flex;font-size:17px;justify-content:flex-start;margin-bottom:70px;text-align:left;transition:all .25s ease}.App-contianer .side-menu-btn span{margin-left:10px}.App-contianer .side-menu-btn:hover{cursor:pointer}.App-contianer .chat-input-holder{background-color:#343641;border-radius:10px;margin-top:40px;padding:12px;position:-webkit-sticky;position:sticky}.App-contianer .chat-input-holder form{align-items:center;display:flex;justify-content:center}.App-contianer .text-input-area{background-color:#40414f;border:none;border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,.25);color:#fff;display:flex;font-size:1.25em;height:50px;outline:none;width:94%}.App-contianer .text-input-area::-webkit-input-placeholder{background-color:#40414f;display:flex;margin-top:4px;text-align:center}.App-contianer .text-input-area::placeholder{background-color:#40414f;display:flex;margin-top:4px;text-align:center}.App-contianer input{height:30px;position:relative;width:100px}.App-contianer .my-button{align-items:center;background:none;border:none;color:#fff;display:flex;height:30px;justify-content:center;right:36px;top:36px;width:73px;z-index:10}.App-contianer .next-icon{margin-left:1px;margin-top:5px}.App-contianer .my-button:hover{cursor:pointer}.App-contianer .chatbox .chat-msg{align-items:center;padding:12px}.App-contianer .chatbox .chat-msg-center{align-items:center;display:flex;margin-left:26px;max-width:640px;padding:12px}.App-contianer .chatbox .avatar,.App-contianer .chatbox .avatar.chatgpt{background-color:#fff;border-radius:50%;min-height:40px;min-width:40px}.App-contianer .chatbox .avatar.chatgpt{background-color:#11a37f}.App-contianer .chatbox .msg{padding-left:40px;padding-right:40px}
/*# sourceMappingURL=main.d5ea8c2a.css.map*/